querySelector 与 querySelectorAll

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

获取到元素,除了前面介绍的 getElementById 还有 getElementsByTagName 以外 ... 还有两种比较灵活的选择元素的方法 … querySelector 和 querySelectorAll … 它们可以像使用 CSS 选择器那样来选择元素 …

querySelector 会返回找到的第一个元素 … querySelectorAll 会返回所有找到的元素 …

在这个文档里面 ,ul 标签上定义了一个 .artist-list 类 … 我们可以使用这个类来选择一些元素 ….

document.querySelectorAll(‘.artist-list li');

在括号里输入选择器 … 这里我们要选择的是 .artist-list 这个类下面的 li 元素 …

回车 … 结果里面,会包含所有的 .artist-list 这个类下面的 li 元素 …

我们可以再试一下 querySelector …

document.querySelector(‘.artist-list li');

querySelector 只会返回找到的第一个结果 …

querySelector 与 querySelectorAll《 JavaScript 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点