子ノードを削除しないで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>