querySelectorAll和getElementsBy \*方法返回什么？

JavaScript

十三

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';

第4161篇《querySelectorAll和getElementsBy \*方法返回什么？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

JinJin 2020.05.25

它返回类似数组的列表。

您以一个数组为例

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

MonsterKK若合 2020.05.25

换一种说法

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