javascript - getElementByid 是否返回一个 NodeList？

Question

我知道这是一个简单的问题，但我们都必须从某个地方开始......

我一直无法找到答案，所以我来了。

document.getElementsByClassName();或者 document.getElementsByTagName();

返回节点列表。

这意味着如果你想访问元素节点，你必须使用引用 NodeList 中该特定节点的索引来访问它

例如:

HTML

<div id="div1">
<p> some text in here</p>
</div>

<div id="div2">
<p> some text in here</p>
</div>

<div id="div3">
<p> some text in here</p>
</div>

JavaScript

var x = document.getElementsByTagName("div")[0];

//returns div1

现在您可以将属性和方法应用于对象节点。

无论如何，如果您要使用

document.getElementByid("div1");

这将不会返回具有单个单元格的 NodeList。

但它返回对象节点 div1本身!

因此不需要 document.getElementByid("div1")[0];

这是正确的吗？

Answer 1

是的，你是对的。返回值是对 Element 对象的引用，如果具有指定 ID 的元素不在文档中，则返回 null。

为什么？因为 ID colud 在文档中只出现一次或零次，所以只有一个(如果 ID 存在)元素将返回。