javascript - 为什么getElementByClass返回结果给定一个变量后是动态的？

Question

页面上有个class为a的元素，此时我

var arr = document.getElementsByClassName('a') 然后我在页面上再动态创建一个class为a的元素，arr的内容居然会自动变成两个。难道native的getElementsByClassName方法返回的是个全局数组？有高手来解释下吗？

jquery的选择器是不会这样的，动态创建后arr长度还是1.

Answer 1

返回的arr是一个HTMLCollection

An HTMLCollection in the HTML DOM is live; it is automatically updated when the underlying document is changed.