gpt4 book ai didi

javascript - querySelectorAll() 和 getElementsByClassName() 有什么区别

转载 作者:行者123 更新时间:2023-12-01 02:29:58 25 4
gpt4 key购买 nike

显然这两个功能很相似,哪个性能更好?我应该使用哪一个?两者有什么区别?

document.querySelectorAll()

function funDOM() {
var x = document.querySelectorAll(".example");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red";
}
}
<html>
<body onload="funDOM()">
<div>
Doubts <span class="example">red</span>

</div>
<p class="example">red</p>


</body>
</html>

document.getElementsByClassName()

function funDOM() {
var x = document.getElementsByClassName("example");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red";
}
}
<html>
<body onload="funDOM()">
<div>
Doubts <span class="example">red</span>

</div>
<p class="example">red</p>


</body>
</html>

最佳答案

不同之处在于 querySelectorAll 允许您搜索的不仅仅是类。您可以使用任何 CSS 选择器进行搜索。

实际上,两者之间没有太大的性能差异,但如果您只想按类名搜索,则应该使用 getElementsByClassName

关于javascript - querySelectorAll() 和 getElementsByClassName() 有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48381295/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com