javascript - 这样的html结构，如何使用 js 动态修改文本，并且不影响子节点？

Question

html如下：

html<p>自定义文本<button>子节点</button></p>

我想根据 js 拿到的数据动态修改“自定义文本”处的文字，但是不影响 button 子节点（button 上面绑定了事件回调）。请问用什么方法可以做到呢？