HTML - DOM NodeList keys() 方法

HTML DOM NodeList 的 **keys()** 方法用于获取一个迭代器，允许我们遍历 NodeList 中包含的所有键。这些键是无符号整数。

语法

nodelist.keys();

参数

此方法不接受任何参数。

返回值

它返回一个迭代器。

HTML DOM NodeList ‘keys()’ 方法示例

以下示例说明了使用 keys() 方法获取子节点及其键的实现。

获取子节点

在以下示例中，我们创建了几个元素，然后将它们附加到一个节点（父节点），然后使用 keys() 方法，我们获得一个迭代器来获取 NodeList 中的所有键。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM Nodelist keys() Method</title>
</head>
<body>
    <p>Click to get the child nodes:</p>
    <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");
            let nodeFour = document.createElement("table");
            nodes.appendChild(nodeOne);
            nodes.appendChild(nodeTwo);
            nodes.appendChild(nodeThree);
            nodes.appendChild(nodeFour);
            let elelist = nodes.childNodes;
            for (let i of elelist.keys()) {
                x.innerHTML += elelist[i].localName + "<br>";
            }
        };
    </script>
</body>
</html>

获取子节点的键

以下示例返回所有子节点的键。

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

支持的浏览器

方法
keys()	是 51	是 16	是 50	是 10	是 38

打印页面