更新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更新它：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;