HTMLCollection length 属性

在 JavaScript 中，一个 HTMLCollection 对象代表了文档中的一组 HTML 元素，它们根据它们在文档中出现的顺序来排序，并且可以通过索引或名称来访问。

HTMLCollection 有一个 length 属性，可以返回元素的数量。

语法

var collectionLength = htmlCollection.length

示例

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
  var myList = document.getElementById("myList").getElementsByTagName("li");
  console.log(myList.length); // 输出 3
</script>

注意事项

• length 属性是只读的，不能被赋值。

• 如果 HTMLCollection 中有多个具有相同名称的元素，例如多个元素的 class 属性都为 city，那么它们都将被包含在 HTMLCollection 中，并且可以通过索引来访问。

• HTMLCollection 对象中的元素在 DOM 树中的位置的任何更改都会立即反映在 HTMLCollection 中。

• 如果 HTMLCollection 不能被更新，则它仍然可以访问 DOM 树中的元素数量，但是在使用过程中可能包含过时的元素。

以上就是 HTMLCollection length 属性的介绍，希望对你有所帮助。