????：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><ul><li id="item1">這里是列表11</li&g
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li id="item1">這里是列表11</li>
<li name="item2">這里是列表22</li>
<li>這里是列表33</li>
<li>這里是列表44</li>
<li>這里是列表55</li>
<li>這里是列表66</li>
<li>這里是列表77</li>
<li>這里是列表88</li>
<li>這里是列表99</li>
<li>這里是列表00</li>
</ul>
<div style="width:100px;height:100px"></div>
</body>
<script type="text/javascript">
//id選擇器
let item1 = document.getElementById('item1')
item1.style.backgroundColor = 'blue'
//name屬性獲取
let item2 = document.getElementsByName('item2')[0]
item2.style.backgroundColor = 'red'
//tag獲取元素
//let div = document.getElementsByTagName('div')[0];
let div = document.getElementsByTagName('div').item(0);
div.style.backgroundColor = 'green'
//class屬性
let item3 = document.getElementsByClassName('li3')
for (var i = item3.length - 1; i >= 0; i--) {
item3[i].style.backgroundColor = '#ccc'
}
//js
let li = document.querySelectorAll('.li4').item(0);
li.style.backgroundColor = '#333'
</script>
</html>
?? ???：天蓬老師?? ??：2019-05-05 14:50:38
???? ??：這個(gè)API, 號(hào)稱是JQuery的終結(jié)者: document.querySelectorAll(), 可以直接用CSS選擇器來選擇元素, 一直是前端工程師的夢(mèng)想, jQuery滿足這個(gè), 所以變得非常流行, 現(xiàn)在JS原生支持了這種方式, 給了我們一直替換掉jQuery的理由