如何更改元素的内部文本而不更改其子元素

Question

我有一个 html 元素，例如：

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

但我只想更改第一个文本并保留子 div 不变

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

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

Answer 1

尝试这个：

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

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