javascript 中的 querySelector 与 querySelectorAll

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《javascript 中的 querySelector 与 querySelectorAll》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

queryselector 与 queryselectorall 都用于选择和操作 dom 元素，但它们有一些不同的行为

1.queryselector
返回 dom 中满足 css 选择器的第一个匹配元素。如果未找到匹配项，则返回 null。

在上面的代码示例中，我们可以看到在脚本标签内我选择了一个标签，并且我们只获得第一个匹配元素，而不是全部。

2.queryselectorall
以 nodelist 的形式返回所有匹配的元素，nodelist 是元素的集合。如果未找到匹配项，则返回一个空 nodelist。

在上面的代码示例中，我们可以看到在脚本标签内我选择了一个标签，并且我们将所有匹配的元素作为 nodelist 获取。

到这里，我们也就讲完了《javascript 中的 querySelector 与 querySelectorAll》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！