Autor Tema: Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName (Leído 5709 veces)

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

Código: [Seleccionar]

<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

Código: [Seleccionar]

<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

César Krall · « **Respuesta #1 en:** 22 de Abril 2015, 09:51 »

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

Código: [Seleccionar]

<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!!

Uva-17 · « **Respuesta #2 en:** 23 de Abril 2015, 06:07 »

Muchas Gracias César Krall ..eres un genio ..lo probè y funciono correcto

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 ?

César Krall · « **Respuesta #3 en:** 24 de Abril 2015, 12:04 »

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!

Uva-17 · « **Respuesta #4 en:** 24 de Abril 2015, 21:38 »

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 ...

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName (Leído 5709 veces)

Uva-17

Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName

César Krall

Re:Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName

Uva-17

Re:Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName

César Krall

Re:Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName

Uva-17

Re:Ejemplo setAttribute JavaScript getElementById y get getElementsByTagName

Preguntas y respuestas