Tengo este problema que estoy tratando de resolver después de clonar un div varias veces usando javascript. Quiero reemplazar el div interno con un div vacío que tenga una identificación particular para cada uno. Suponiendo que tengo:
<div id="original"> //some code here <div id="problem"> //some code here </div> </div> <div id="location"> //some code here <div id="problem"> //some code here </div> </div> <div id="rep"> //some code here <div id="problem"> //some code here </div> </div>Necesito poder obtener el div con el problema de identificación en la ubicación del div y reemplazarlo con otra cosa y lo mismo con el div dentro del repositorio de div.
Lo intenté
document.getElementById("location") pero eso devuelve todo el contenido y no puedo reemplazar un div en particular dentro de él y si pruebo document.getElementById("problem") no puedo especificar cuál necesito
puede usar querySelector en una etiqueta para obtener el primer elemento que coincida con un selector
puedes combinarlo con
innerText / innerHTML para modificar contenido directamenteappendChild si ha creado una estructura html en la parte js var locationDiv = document.getElementById('location'); var problemDiv = locationDiv.querySelector('#problem'); problemDiv.innerText = 'test'; <div id="original"> <div id="problem"> </div> </div> <div id="location"> <div id="problem"> </div> </div> <div id="rep"> <div id="problem"> </div> </div>