HTML - DOM NodeList entries() 方法



HTML DOM nodelist **entries()** 方法用于获取一个迭代器,该迭代器允许我们遍历对象中的所有键/值对。这些值是节点对象。

语法

nodelist.entries();

参数

此方法不接受任何参数。

返回值

它返回一个迭代器。

HTML DOM Nodelist 'entries()' 方法示例

以下示例说明了 entries() 方法的实现。

获取子节点的条目

在下面的示例中,我们创建了几个元素,然后将它们附加到一个节点(即父节点),然后使用 entries() 方法,返回迭代器,遍历每个子节点。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM Nodelist entries() Method</title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <p id="entry"></p>
    <script>
        function fun() {
            let x = document.getElementById("entry");
            let nodes = document.createElement("section");
            let nodeOne = document.createElement("h1");
            let nodeTwo = document.createElement("p");
            let nodeThree = document.createElement("h2");
            nodes.appendChild(nodeOne);
            nodes.appendChild(nodeTwo);
            nodes.appendChild(nodeThree);
            for (let i of nodes.childNodes.entries()) {
                x.innerHTML += i + "<br>";
            }
        }
    </script>
</body>
</html>

获取子节点的名称

以下示例返回子节点的节点名称。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM Nodelist entries() Method</title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <p id="entry"></p>
    <script>
        function fun() {
            let x = document.getElementById("entry");
            let nodes = document.createElement("section");
            let nodeOne = document.createElement("h1");
            let nodeTwo = document.createElement("p");
            let nodeThree = document.createElement("h2");
            nodes.appendChild(nodeOne);
            nodes.appendChild(nodeTwo);
            nodes.appendChild(nodeThree);
            for (let i of nodes.childNodes.entries()) {
                x += i[0] + " " + i[1].nodeName + "<br>"
            }
            document.getElementById("entry").innerHTML = x
        }
    </script>
</body>
</html>

支持的浏览器

方法 Chrome Edge Firefox Safari Opera
entries() 是 51 是 16 是 50 是 10 是 38
广告