5_获取元素新方法.html 784 B

123456789101112131415161718192021222324252627
  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 class="box">hello</div>
  10. <div id="div1">world</div>
  11. <span>你好</span>
  12. <script>
  13. // var oBox = document.getElementsByClassName("box");
  14. // oBox[0].innerText = "你好"
  15. var oBox = document.querySelector(".box");
  16. var div1 = document.querySelector("#div1");
  17. var oSpan = document.querySelector("span");
  18. // var oDiv = document.querySelector("div");
  19. var aDiv = document.querySelectorAll("div");
  20. // console.log(oBox,div1,oSpan);
  21. // console.log(oDiv);
  22. // console.log(aDiv[1]);
  23. </script>
  24. </body>
  25. </html>