En esta parte del tutorial veremos como utilizar el método getElementsByTagName() para acceder a los elementos del DOM a través del nombre del tag HTML.
Este método regresa un array con la lista de nodos afectados a los que podremos acceder individualmente a través de forma indexada.
El código de ejemplo del capítulo ...
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function()
{
var div = document.getElementsByTagName("div");
alert(div[0].innerHTML);
div[1].style.backgroundColor = "#000000";
div[1].style.color = "#FFFFFF";
div[1].style.margin = "20px";
div[1].style.padding = "20px";
var div3 = div[2];
div[2].innerHTML = "<mark>Contenido cambiado</mark>";
}
</script>
</head>
<body>
<div>Contenido 1</div>
<div>Contenido 2</div>
<div>Contenido 3</div>
</body>
</html>
No hay comentarios:
Publicar un comentario