El método NodeList values() devuelve un iterador que le permite recorrer todos los valores contenidos en el objeto NodeList. Los valores son objetos de Node.
Sintaxis:
NodeList.values();
Parámetros: Este método no toma ningún parámetro.
Valor devuelto: este método devuelve un iterador.
Ejemplo: en este ejemplo, crearemos una lista de Nodes y, por lo tanto, obtendremos un iterador para obtener todos los valores de la lista de Nodes usando este método.
javascript
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>HTML | DOM NodeList.values() Method</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>
HTML | DOM NodeList.values() 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 values of nodelist.values()) {
console.log(values);
a.innerHTML += "<li>"+values.localName + `</li>`;
}
console.log(nodelist.values())
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón: los elementos se llaman usando el iterador de valores.
En la consola: se pueden ver los valores del iterador.
Navegadores compatibles:
- Google Chrome 51 y superior
- Borde 16 y superior
- Firefox 50 y superior
- Safari 10 y superior
- Ópera 38 y superior
- Internet Explorer no compatible