1、document.querySelector()和document.querySelectorAll()两个方法
两者的作用是一样的,前者根据css选择器返回第一个匹配的元素,如果没有匹配的返回null;后者返回的是元素的数组,没有匹配的元素返回的是一个空数组。
2、classList
- <body>
- <ul class="class1 class2 class3 ">
- <li>1</li>
- <li>2</li>
- <li>3</li>
- <li>4</li>
- </ul>
- <script>
- var ul = document.getElementsByTagName("ul")[0];
- console.log(ul.classList.item(0));
- ul.classList.add("class4");
- ul.classList.remove("class4");
- console.log(ul.classList.contains("class1"));
- </script>
- </body>