H5新增元素方式
阿新 • • 發佈：2022-04-18
<body> <div class="box">盒子1</div> <div class="box">盒子2</div> <div id="nav"> <ul> <li>首頁</li> <li>產品</li> </ul> </div> </body> <script> // 1.getElementsByClassName 根據類名獲得某些元素集合var boxs = document.getElementsByClassName("box"); //根據類名返回元素物件集合 console.log(boxs); var box1 = document.querySelector(".box"); //根據指定選擇器返回第一個元素物件 console.log(box1); var nav = document.querySelector("#nav"); console.log(nav); // var li = document.querySelector("li"); console.log(li);// querySelectorAll( );返回指定選擇器的所有元素物件集合 var allBox = document.querySelectorAll(".box"); console.log(allBox); // 選擇標籤的時候直接寫標籤就行 var lis = document.querySelectorAll("li"); console.log(lis); </script>