如何在不更改子元素的情况下更改元素 innerText答案

【问题标题】：How do you change an element innerText without changing its children如何在不更改子元素的情况下更改元素 innerText
【发布时间】：2020-09-13 12:17:26
【问题描述】：

我有一个 html 元素，例如：

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

但我只想更改第一个文本并将子 div 保持原样

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

&lt;div id="el1"&gt;Change only me&lt;div&gt;but not me&lt;/div&gt;&lt;/div&gt;

【问题讨论】：

【解决方案1】：

试试这个：

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

&lt;div id="el1"&gt;Change only me&lt;div&gt;but not me&lt;/div&gt;&lt;/div&gt;

【讨论】：