Tengo un elemento dom enorme que debería reemplazar algún elemento html de lista anidada en él. También traté de eliminar el elemento anidado anterior y agregar el nuevo elemento anidado, pero esto tampoco tuvo éxito.
const someNewNestedListElement = someNestedListElement const replacedElement= elementToBeReplaced.replaceChild(someNewNestedListElement , elementToBeReplaced.querySelector(".someOldNestedListElement");El código ficticio anterior se ejecuta en un error. ¿Puede alguien ayudarme aquí? Soy bastante nuevo en la manipulación de javascript y dom, así que tal vez necesite algunos trucos aquí.
prueba esto
const h2 = document.querySelector("h2"), button= document.querySelector("button"), newItem = document.createElement('p'); newItem.innerText = "replaced text"; button.onclick = function() { try { h2.parentNode.replaceChild(newItem, h2); } catch { console.log("already replaced"); } } <div class="container"> <h1>Header1</h1> <div > <h2>Header2</h2> </div> <p>some dummy text</p> <button>replace header2</button> </div>