如何更改元素的文本而不更改其子元素？

如何更改元素的文本而不更改其子元素？

在Javascript中，该

childNodes

属性为您提供元素的所有子节点，包括文本节点。

因此，如果您知道要更改的文本始终是元素中的第一件事，那么请给出以下HTML：

<div id="your_div">   **text to change**   <p>       text that should not change   </p>   <p>       text that should not change   </p></div>

您可以这样做：

var your_div = document.getElementById('your_div');var text_to_change = your_div.childNodes[0];text_to_change.nodevalue = 'new text';

当然，你仍然可以使用jQuery选择

<div>

摆在首位（即

var your_div = $('your_div').get(0);

）。