javascript - .replaceWholeText() 方法已过时，还有哪些其他方法可以做到这一点？

Question

文本节点方法 replaceWholeText() 已经过时，还有什么其他方法可以做到这一点？

Answer 1

您可以使用 parentNode.normalize()方法以删除所有空的和相邻的 TextNode(即您将只有一个由 wholeText 组成的 TextNode)，然后将合并的 TextNode 的 textContent 设置为替换值:

const para = document.querySelector('p');
para.appendChild(new Text('baz')); // would remain if not normalized

console.log('before normalizing');
console.log('textContent: ', para.firstChild.textContent);
console.log('wholeText: ',para.firstChild.wholeText);

para.normalize();
console.log('after normalizing');
console.log('textContent: ', para.firstChild.textContent);
console.log('wholeText: ',para.firstChild.wholeText);

// now we can set the wholeText to whatever we want.
para.firstChild.textContent = 'Hello world';

<p>
foo bar
</p>