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

沃梦达教程前端问题

2022-01-01

How do you change an element innerText without changing its children(如何在不更改其子元素的情况下更改元素innerText)

本文介绍了如何在不更改其子元素的情况下更改元素innerText的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我有一个如下所示的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>

试试：

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

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

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

这篇关于如何在不更改其子元素的情况下更改元素innerText的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

本文标题为：如何在不更改其子元素的情况下更改元素innerText

上一篇： Js--如何将属性对象传递给子组件？

下一篇：如何在Java脚本中进行置换？