js查詢元素的方式
阿新 • • 發佈：2022-03-15
| 通過id名找元素 唯一 | |
| //var aa = document.getElementById('aa') | |
| //console.log(aa) | |
| //通過標籤名找元素 | |
| //var li_list = document.getElementsByTagName("li") | |
| //li_list[2].style.color = "red" | |
| // aa.onclick = function(){ | |
| // li_list[2].style.color = "red" | |
| // } | |
| // 通過class名找元素 | |
| //var bb = document.getElementsByClassName("bb") | |
| //console.log(bb) | |
| //querySelector()查詢符合條件的第一個元素 querySelectorAll() 查詢所有符合條件的元素 | |
| //var newaa = document.querySelector("#aa") | |
| //console.log(newaa) | |
| // var newli = document.querySelector("li") | |
| // var newlist = document.querySelectorAll("li") | |
| // console.log(newlist) | |
| // var newbb = document.querySelectorAll(".bb") | |
| // console.log(newbb) | |
| // 特殊元素的選取 body html | |
| var by = document.body //選擇body元素 | |
| var ht = document.documentElement //選擇html元素 | |
| console.log(ht) |