javascript - 在不删除子节点的情况下更新 innerText

Question

我有一个包含一些文本的 div 和一个子 div。我想更新外部 div 文本并保留子 div。

<div class="outer">
  some text here
<div class="arrow-down"></div>
</div>

如果我尝试 outer.innerText = "foo"，向下箭头元素将被删除。我该如何解决这个问题？

谢谢

Answer 1

创建一个子元素，例如 span 元素，并将您想要更改的文本放入其中。

然后您可以像这样通过 JavaScript 更新它:

var el = document.getElementById('inner');
el.innerText = 'some different text';

<div class="outer">
  <span id="inner">some text here</span>
  <div class="arrow-down"></div>
</div>