jueves, 28 de agosto de 2014

Tutorial Javascript parte 19 - getElementsByTagName()




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>