|
|

楼主 |
发表于 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 |
赞一个! |
查看全部评分
|