Red de conocimiento informático - Material del sitio web - Cómo insertar contenido dentro de un div usando js

Cómo insertar contenido dentro de un div usando js

Idea: primero obtenga el objeto div y luego use la propiedad InnerHTML para configurar el contenido. Cuando el div se identifica con el atributo id, puede usar directamente document.getElementById () para obtenerlo; cuando el div se identifica con otros atributos (como nombre, clase), debe usar document.getElementsByTagName () para obtenerlo; el objeto y luego filtrar los atributos en un bucle.

El siguiente ejemplo demuestra cómo mostrar el contenido de un div según su clase:

1, estructura HTML

2, función de código javascript?fun(){

var?str?=?document.getElementById("test").value;

var?divs?=?document. getElementsByTagName ("div");

for(i=0;i

if (divs[i].className?==?" prueba " ){

divs[i].innerHTML?+=?"" ?+str;

}

}}

}

}