3.获取标签.html 973 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <div>
  10. <h3>哈哈哈哈</h3>
  11. <h3>哈哈哈哈</h3>
  12. <h3>哈哈哈哈</h3>
  13. <div id="news">你好</div>
  14. <div class="hi">哈哈哈哈</div>
  15. <ul>
  16. <li>你好1</li>
  17. <li>你好2</li>
  18. <li>你好3</li>
  19. <li>你好4</li>
  20. </ul>
  21. </div>
  22. <script>
  23. // 获取id选择器
  24. console.log(document.getElementById("news"));
  25. // 通过标签名称获取
  26. console.log(document.getElementsByTagName("h3"))
  27. // 获取class选择器
  28. console.log(document.getElementsByClassName("hi"))
  29. // 通过css选择器获取
  30. console.log(document.querySelectorAll("ul li"))
  31. console.log(document.querySelector(".hi"))
  32. </script>
  33. </body>
  34. </html>