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>

支援的瀏覽器

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

列印頁面