Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Uva-17 en 22 de Abril 2015, 03:38
-
Hola amigos:
Estoy leyendo los mètodos (document.getElementById y document.getElementsByTagName()) en javascript :)
Mi problema es que el mètodo document.getElementById me sale bien , pero el document.getElementsByTagName() No me sale . :'(
Por ejemplo si utilizo èste còdigo . Me sale perfecto ;D
<html>
<head>
<title>ejemplo</title>
<script type="text/javascript">
function doAttrib() {
var node = document.getElementById("d");
node.setAttribute("style", "color:green;");
}
</script>
</head>
<body onload="doAttrib();">
<a id="d" href="http://www.mIsitio.html">Hola Mundo</a>
</body>
</html>
Pero si lo cambio a èste còdigo NOoooo :'(
<html>
<head>
<title>ejemplo</title>
<script type="text/javascript">
function doAttrib() {
var node = document.getElementsByTagName("a");
node.setAttribute("style", "color:green;");
}
</script>
</head>
<body onload="doAttrib();">
<a id="d" href="http://www.mIsitio.html">Hola Mundo</a>
</body>
</html>
Por què???
Si alguien puede ayudarme le agradezco mucho ...
Saludos
-
Buenas, recomendamos seguir el curso de javascript desde cero disponible en http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206 donde todo esto está explicado
El problema se encuentra en que getElementById devuelve un elemento mientras que getElementsByTagName devuelve un array o arreglo. Para acceder a los elementos del array tienes que escribir el índice correspondiente (empezando por 0). En este caso como sólo tienes un elemento sólo tendrías el índice 0 y el código sería
<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<script type="text/javascript">
function doAttrib() {
var node = document.getElementsByTagName("a");
node[0].setAttribute("style", "color:green;");
}
</script>
</head>
<body onload="doAttrib();">
<a id="d" href="http://www.mIsitio.html">Hola Mundo</a>
</body>
</html>
Saludos!!
-
Muchas Gracias César Krall ..eres un genio ..lo probè y funciono correcto :D
y ahora entiendo porque no me salia.
Me viene a mi otra pregunta :
como haces cuando tienes un montòn ..no 1 ni 2 ..array ? y quieres modificar todos ?
:D
-
En el curso http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=78&Itemid=206 tienes explicado todo lo básico en relación a JavaScript, ahí lo tienes explicado. Si tienes dudas con un código crea un hilo del foro pega el código e indica dónde está el problema o duda.
Saludos!
-
Muchas Gracias César Krall por el link.
Yo en mì tiempo libre soy desarrollador de add-ons y themes para Firefox ...Muchas veces necesito algùn còdigo puntual para un add-ons y cuando consulto a los epecialistas ,me colocan un link
Sin ánimo de ofender ..claro
Quizas es una moda o no se porque debemos saber por completo todo los recursos de Html , Html5,css, bat,recursos que utilizan en su ejecuciòn los add-ons,etc.
En realidad yo no queria saber programar en javascript...sòlo preguntaba por un hecho puntual por que el Add-ons para Firefox que estoy realizando es de personalizcion de pàginas y necesitaba saber lo que pregunte..sòlo eso ..
Pero bueno , igual muchas gracias ...