|
|
楼主 |
发表于 2024-5-14 12:47
|
显示全部楼层
之前说过JS怎么拿到HTML元素的操作权限的。
最省事的，是直接拿到HTML元素的id，连声明都不需要了，直接操作它。
只有当元素没有id时，我们得想办法去找到操作它的句柄——就是元素对象。考虑一下下面的HTML结构，我们想拿到 <div id="papa">...</div> 里的第二个 div：
<div id="papa">
<div>I'm div 1</div>
<div>I'm div 2</div>
<div>I'm div 3</div>
</div>
子 div 都没有id标识，那么，只能通过查询去寻找，查询有很多方式，最简单的是 querySelectorAll，它能找到特定范围内的所有元素：
<script>
var divs = papa.querySelectorAll('div'); //查询 id="papa" 元素下所有 div 元素（得到一个元素数组）
let son2 = divs[1]; //通过元素数组下标 1 获得第二个 div 操作句柄
son2.style.color = 'red'; //将第二个 div 的前景色设置为红色
</script> |
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
 红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|
楼主: 马黑黑
发表于 2024-5-13 23:03
显身卡
发表于 2024-5-14 17:52
