Как изменить элемент innerText без изменения его дочерних элементов

Question

У меня есть элемент html, например:

<div id="el1">Change only me<div>but not me</div></div>

, но я хочу изменить только первый текст и оставить дочерний div как есть

document.getElementById("el1").innerText = "changed!"

<div id="el1">Change only me<div>but not me</div></div>

Answer 1

Попробуйте следующее:

document.getElementById("el1").childNodes[0].textContent = "changed";

<div id="el1">Change only me<div>but not me</div></div>