insertar codigo html en varios div

[Hallking]

Buenas, les pido disculpa por hacer que pierdan el tiempo con esta pregunta tonta...
lo que quiero es como dice el titulo insertar atrevas de una función javascrip, escribir el mismo mensaje en varios div de manera simultania...

actual mente lo hago con esta pero solo en un div

Código:

<SCRIPT language='JavaScript' type='text/javascript'>
parent.document.getElementById('mensaje').innerHTML = 'Hola mundo';
</SCRIPT>

estos son los div

Código:

		<di id="mensaje">
			
		</di>

		<di id="aterisco">
			
		</di>

[Alexis88]

Toma a todos los elementos <div> del documento y aplícales una función en la cual asignarás el contenido deseado a cada uno de ellos.

Código Javascript:

Array.prototype.forEach.call(document.getElementsByTagName("div"), function(div){
    div.innerHTML = "Hola mundo"; 
});
 

Saludos

[Hallking]

bn la funcion esta bn pero no quiero que sea para todos los div sino algunos de ellos... ejemplos los que tengas esta forma <di id="mensaje">, y que solo se muestre en los div con el id mensaje...

[rmaeloy]

Usar el mismo Id no creo que sea recomendable, por que no utilizas nombre parecidos para esos div y luego recorres todos, y al que tenga la sub-cadena 'mensaje_' por ejemplo le colocas el texto que deseas, algo así como:

Código HTML:

<div id='mensaje_1' >
<div id='mensaje_2' >
<div id='mensaje_3' >
 

Código Java:

var aDiv = parent.document.getElementsByTagName('div');
for (i=0; i< aDiv.length; i++) {
    if(aDiv[i].id.indexOf('mensaje_') != -1) {
        aDiv[i].innerHTML='Hola mundo';
    }
}
 

[pzin]

También tienes getElementsByClassName() para tomar los elementos con una clase, que supongo que será lo más apropiado.

Un ID por definición —identificador— solo puede haber uno en cada página.

[Alexis88]

Como ya te dijeron mis compañeros, no debes asignar el mismo valor para el atributo id en más de un elemento en el mismo documento. En tal caso, a los elementos <div> que deseas afectar, dales el mismo nombre de clase y en lugar de tomarlos por el TagName, hazlo por el ClassName, como bien te indica pzin.

Saludos

[Hallking]

bn entiendo pero como no soy muy distro con javascrip me podrian dar un ejemplo del getElementsByClassName()

a verdad esta funcion de ejecuta desde un iframe
ya que e utlizado este escript y no me funciona..

<SCRIPT language='JavaScript' type='text/javascript'>
parent.Array.prototype.forEach.call(document.getEl ementsByClassName('aterisco'), function(div){
div.innerHTML = "Hola mundo";
});
</SCRIPT>

[Alexis88]

Quita el parent. del principio y colócalo antes de document, además, elimina el espacio entre la L y la E en getEl ementsByClassName.

[Hallking]

perfecto, muchisimas gracias a todos.... el codigo quedo de esta forma...

<SCRIPT language='JavaScript' type='text/javascript'>
Array.prototype.forEach.call(parent.document.getEl ementsByClassName('mensaje'),
function(div){
div.innerHTML = '".$mensaje."';
});
</SCRIPT>