Contenido:
La propiedad childNode; Uso de listNode como un array; Crear una función para añadir los items hijo de un Nodo que sean del tipo element
childnodes: nos permite acceder a la información de cualquier hijo de un elemento DOM. Se comporta como un array.
Ejemplo:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function contarListaItems(){
var elemento01 = document.getElementById("listaTareas");
var cuenta = 0;
for (var i = 0; i < elemento01.childNodes.length; i++) {
if (elemento01.childNodes[i].nodeType == 1) cuenta++
}
alert("la lista ordenada contiene " + cuenta + " items");
}
window.onload = contarListaItems
</script>
</head>
<body>
<h1>Cosas que hacer</h1>
<ol id="listaTareas">
<li>Terminar el guión</li>
<li>Preparar los gráficos</li>
<li>Grabar la primera parte</li>
</ol>
<p id="notasLista">Asegurarse de terminar antes de las 9</p>
</body>
</html>
No hay comentarios:
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.