NodeList 与 HTMLCollection：实时集合和静态集合之间的区别

发布日期： 2024-11-06 阅读量： 作者： 网络

我们将详细研究nodelist和htmlcollection以及nodelist和htmlcollection。

首先，两者都有一个 length 属性，返回列表（集合）中的元素数量。

1.html集合

html dom 中的

htmlcollection 已上线； getelementsbyclassname() 或 getelementsbytagname() 返回一个实时 htmlcollection ，表示具有所有给定 类名称的所有子元素的类似数组的对象.

示例 :

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>nodelist and htmlcollection</title>
</head>
<body>
      <ul class="items">
        <li>item-1</li>
        <li>item-2</li>
        <li>item-3</li>
        <li>item-4</li>
      </ul>
      <ul class="items">
        <li>item-5</li>
        <li>item-6</li>
        <li>item-7</li>
        <li>item-8</li>
      </ul>
      <ul class="items">
        <li>item-9</li>
        <li>item-10</li>
        <li>item-11</li>
        <li>item-12</li>
      </ul>
    <script src="/script.js"></script>
</body>
</html>

# ai # 区别

上一篇: linux crontab 错误日志怎么看

NodeList 与 HTMLCollection：实时集合和静态集合之间的区别

随便看看