文檔對象的獲取
阿新 • • 發佈：2019-03-19
text title head set element abc tor .get lis
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 class="abc">helloworld</h1> <h1 id="aa">nihao666</h1> <script type="text/javascript"> //獲取文檔裏面的具體某一個元素，通過css的標簽、類、id選擇可以選中元素，如果有多個元素，都被選擇器選上，那麽實際上只會選中最前面的元素 var h1 = document.querySelector(‘h1‘) console.log(h1) //想選中多個元素 var h1List = document.querySelectorAll(‘h1‘) console.log(h1List)// //document.queryselector,document.queryselectorAll都是ES5支持，es5標準發布時間是2008年，JQUERY庫有類似於這樣的功能，因為大家一致認同這樣選擇元素的模式，所以逼迫瀏覽器開發人員加上這樣的功能 // // // // //通過標簽獲取元素對象 var h1bytag = document.getElementsByTagName(‘h1‘) console.log(h1bytag) // //// //通過樣式類獲取元素對象 var h1byclass = document.getElementsByClassName(‘abc‘) console.log(h1byclass) // // //通過ID獲取元素對象 // var h1byid = document.getElementById(‘aa‘) // console.log(h1byid) </script> </body> </html>
文檔對象的獲取