querySelectorAll和getElementsBy *方法返回什么？

十三2020-05-25

DO getElementsByClassName（等类似的功能getElementsByTagName和querySelectorAll）的工作一样getElementById，还是他们返回元素的数组？

我问的原因是因为我试图使用更改所有元素的样式getElementsByClassName。见下文。

//doesn't work
document.getElementsByClassName('myElement').style.size = '100px';

//works
document.getElementById('myIdElement').style.size = '100px';

JinJin2020/05/25 12:02:22

它返回类似数组的列表。

您以一个数组为例

var el = getElementsByClassName("elem");
el = Array.prototype.slice.call(el); //this line
el[0].appendChild(otherElem);

MonsterKK若合2020/05/25 12:02:22

换一种说法

document.querySelector()仅选择指定选择器的第一个元素。因此它不会吐出一个数组，而是一个值。类似于document.getElementById()仅获取ID元素，因为ID必须是唯一的。
document.querySelectorAll()使用指定的选择器选择所有元素，然后将它们返回到数组中。与仅document.getElementsByClassName()适用于类和document.getElementsByTagName()标签相似。