Есть в коде элемент, который я могу найти по классу или айди.
Как я могу заменить именно этот элемент на другой, чтобы в родительском элементе он не поменял своего местоположения и заменился на месте старого?
Попытался сделать через
replaceWith
, но видимо не так понял его суть.
Элемент, который будет вставляться - строка, описывающая хтмл код.
<div class="main">
<div class="box">
<p1>hello</p1>
</div>
</div>
const box = document.querySelector('.box')
const box2 = `
<div class="box box2">
<p1>hello world</p1>
</div>
`
box.replaceWith(box2)