JS 獲取標簽的方法
通過class： document.getElementsByClassName('class名');返回數組
通過name： document.getElementsByName('name名');返回數組
通過id： document.getElementById('id名')；返回一個對象
通過標簽名： document.getElementsByTagName(‘標簽名’);返回數組
通過通用選擇器：document.querrySelector('可以寫任何選擇器 只能選擇一個');返回數組
通過通用選擇器：document.querrySelectorAll('可以寫任何選擇器，可以選擇多個');返回數組
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class='box' id="box" name='box' ></div> </body> <script type="text/javascript"> var div1 = document.getElementsByClassName('box')[0]; //利用class名獲取元素 var div2 = document.getElementsByName('box')[0]; var div3 = document.getElementById('box');\\獲取到了div var div4 = document.getElementsByTagName('div')[0]; //獲取到了div //element加了s表示是集合 獲取的是一組元素 是偽數組 //可以在獲取元素后面加[寫你想要的那個元素 數字表示 下標是0]; var div5 = document.querySelector('.box')[0]; //獲取class 要加 . //獲取id 要加# var div6 = document.querySelectorAll('.box')[0]; //是個集合可以選擇多個 console.log(div);//console.log(document.querySelector('.class')) </script> </html>
獲取html
console.log(document.documentElement)
獲取body的方法
console.log(document.body)
