返回的[object HTMLCollection]和[object HTMLDivElement]之间的区别

Question

我想知道来自document.getElementsByClassName的 [对象HTMLCollection] 和来自document.querySelector的 [对象HTMLDivElement] 之间有什么区别

[object HTMLCollection] 是否意味着我们正在执行更广泛的＆＃34; DOM扫描并返回一个元素集合，如果存在？这就是为什么它返回HTML Collection而不是Element？

但是，我想到了这个问题，因为ReactDOM.render没有接受返回的 [object HTMLCollection] 作为第二个参数。

干杯。

Answer 1

HTMLCollection是一组元素。它可能包含0个或更多元素。

HTMLDivElement是单个元素

document.getElementsByClassName('x')更像是document.querySelectorAll('.x')，因为每个人都会返回一个群组。

document.querySelector只返回一个元素