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

Posted 2023-02-21

【中文标题】如何在不更改子元素的情况下更改元素 innerText

【英文标题】：How do you change an element innerText without changing its children

【发布时间】：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!"

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

【问题讨论】：

您可以使用 span 将要更改的文本换行，然后以 span 元素为目标并更改其 innerText

【参考方案1】：

试试这个：

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

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