problema con getElementByClassName en javascript?

[kukiko11]

que tal foreros? verán estoy tratando de hacer algo tipo los emoticonos de aca del foro cuando uno les da click te inserta el valor de la carita en el textarea del form...

el detalle es que yo lo estoy intentando hacer en formularios que se cargan dinamicamente, y no de forma estatica como en el caso de este foro... por ello, no uso el famoso getElementeById ya que al presionar la carita inserta su valor pero siempre en el mismo textarea (el primero). necesito hacer el llamado por clases para que inserte el valor independientemente del form donde la carita este siendo presionada... la obtencion y muestra en el textarea lo hago con la siguiente linea:

<img src="../imagenes/emoticonos/triste.png" onclick="document.getElementByClassName('mensaje-usuario').value+=':('" />

y el textarea donde se debe mostrar:

<textarea class="mensaje-usuario"></textarea>

Pero simplemente no hace nada, no inserta el valor que le indico... alguna idea de que pueda ser?

[caricatos]

Hola:

Tal como lo pones no existe. Como pueden ser varios elementos, el método devuelve una colección o array (y es document.getElementsByClassName). Y como todo array, hay un índice.

Saludos

[Alexis88]

Dicho método devuelve una colección de elementos, por lo que si deseas asignar el emoticón a un área de texto en particular, tendrás que especificarlo mediante el índice que le corresponda. Por ejemplo, si quieres insertarlo en el primer área de texto del documento, tendrás que tomarla mediante el índice cero así:

Código Javascript:

document.getElementsByClassName("mensaje-usuario")[0]
 

Pero si tienes varias áreas de texto en el mismo documento en donde cada una tiene un listado de emoticones, lo aconsejable es agruparlos y buscar dentro de cada grupo al área de texto que posea y así puedas asignarle el emoticón.

Un saludo

[andrinson]

el problema es que escribiste document.getElementByClassName("nombres de la clase"); y es document.getElementsByClassName("nombre de la clase "); si observas te daras cuenta que Elements va con s al final

[Alexis88]

Iniciado por andrinson

el problema es que escribiste document.getElementByClassName("nombres de la clase"); y es document.getElementsByClassName("nombre de la clase "); si observas te daras cuenta que Elements va con s al final

Buena observación; sin embargo, el problema persistirá puesto que dicho método devuelve una colección de elementos, incluso siendo solo uno, por lo que no podrá acceder directamente.