Javascript 更新innerText而不删除子节点

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

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

这里有一些文字

如果我尝试

outer.innerText=“foo”

则会删除向下箭头元素。我怎样才能避开这件事

---

谢谢

创建一个子元素，如

span

元素，并将需要更改的文本放在其中

然后您可以通过JavaScript进行更新，如下所示：

var el=document.getElementById（'inner'）；
el.innerText='一些不同的文本'

这里有一些文字
将文本放入元素中，例如span，然后编辑该元素？使用
span
元素作为外部div的第一个子元素，在更新文本时，为其分配一个ID并以span元素为目标。哪个是child div？在您的示例中，向下箭头div不在外部div内-因此在您提供的上下文中不在父子关系中似乎缺少某些内容。你在其他地方使用“外部”吗？使用outer.innerText和arrow down时，带有“outer”类的div是否已被删除？谢谢，我将这样做，因为它似乎是唯一的选项，但不一定是唯一的选项。例如，您还可以从div的innerHTML属性中解析HTML，并使用正则表达式交换新文本。。。但这将更加困难，灵活性也会降低。使用额外的跨距来划分文本总是更好的，因为它为您打开了更多的选项，例如跨距及其同级标记之间的独特样式。这应该可以回答您的问题，也许。。。