queryselectorall怎么带属性

两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。

其中参数selectors 可以包含多个CSS选择器,用逗号隔开。

使用这两个方法无法查找带伪类状态的元素,比如querySelector(':hover')不会得到预期结果。

该方法返回所有满足条件的元素,结果是个nodeList集合。查找规则与前面所述一样。

}

在做百度前端任务二的时候,用到querySelector(),特地去查了一下用法。
对比而言,query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。

静态是指选出的所有元素的数足不会随着文档操作而改变。

//这个时候就创建了3个新的li,添加在ul列表上。 //输出的结果仍然是3,不是此时li的数量6
 //此时输出的结果就是3+5=8

现在我们可以直观看出两者的区别,当然本身两者的兼容性方面也有区别,此外这两种方法都不能查找伪类元素。

}

我要回帖

更多关于 queryselector 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信