NodeList entries()方法返回一個迭代器,使您可以遍曆NodeList對象中包含的所有鍵/值對。值是Node對象。
用法:
NodeList.entries();
參數:此方法不帶參數。
返回值:此方法返回一個迭代器。
例:在此示例中,我們將創建一個NodeList,因此將獲得一個迭代器以從NodeList中獲取所有值。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>NodeList.entries() method</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>
HTML |DOM NodeList.entries() method
</p>
<button onclick = "Geeks()">
Click Here
</button>
<p id="a"></p>
<script>
var a = document.getElementById("a");
a.innerHTML = "elements are:"
function Geeks(){
var parentNode = document.createElement("div");
var c1 = document.createElement("p");
var c2 = document.createElement("span");
var c3 = document.createElement("h1");
parentNode.appendChild(c1);
parentNode.appendChild(c2);
parentNode.appendChild(c3);
var nodelist = parentNode.childNodes;
for(var e of nodelist.entries()) {
a.innerHTML += "<li>"+e[1].localName + `</li>`;
console.log(e);
}
}
</script>
</body>
</html>
輸出:
單擊按鈕之前:
單擊按鈕後:使用迭代器調用元素。
在控製台中:可以看到迭代器條目。
支持的瀏覽器:
- 穀歌瀏覽器
- Edge
- Firefox
- Safari
- Opera
相關用法
- HTML DOM after()用法及代碼示例
- HTML DOM contains()用法及代碼示例
- HTML DOM before()用法及代碼示例
- HTML DOM createDocumentType()用法及代碼示例
- HTML DOM createDocument()用法及代碼示例
- HTML DOM compareDocumentPosition()用法及代碼示例
- HTML DOM createHTMLDocument()用法及代碼示例
- HTML DOM createNodeIterator()用法及代碼示例
- HTML DOM History go()用法及代碼示例
- HTML DOM createComment()用法及代碼示例
- HTML DOM queueMicrotask()用法及代碼示例
- HTML DOM customElements get()用法及代碼示例
- HTML DOM setRangeText()用法及代碼示例
- HTML DOM Storage key()用法及代碼示例
- HTML DOM close()用法及代碼示例
- HTML DOM createAttribute()用法及代碼示例
- HTML DOM writeln()用法及代碼示例
- HTML DOM indexedDB cmp()用法及代碼示例
- HTML DOM getAttribute()用法及代碼示例
- JQuery html()用法及代碼示例
注:本文由純淨天空篩選整理自taran910大神的英文原創作品 HTML DOM NodeList.entries() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。