如何在 JavaScript 和 jQuery 中更新文字內容而不影響子元素？

文字操作：保留子元素

問題：

如何動態更新元素的文字而不影響其子元素元素？考慮以下 HTML：

<div>
   **text to change**
   <someChild>
       text that should not change
   </someChild>
   <someChild>
       text that should not change
   </someChild>
</div>

作為 jQuery 的初學者，找到合適的函數或選擇器來完成此任務，而無需引入額外的文字容器。

答案：

雖然 jQuery 提供了此類操作的高級方法，但使用普通 JavaScript 也可以提供解決方案。 childNodes 屬性提供對元素內所有節點的訪問，包括文字節點。

例如，如果要變更的文字總是div 的第一個元素，則可以使用以下程式碼：

var divElement = document.getElementById('your_div');
var textNode = divElement.childNodes[0];

textNode.nodeValue = 'new text';

或者，可以使用jQuery 來定位div 並取得對文字節點的引用：

var divElement = $('your_div').get(0);
var textNode = divElement.childNodes[0];

textNode.nodeValue = 'new text';

此方法有效更新文字內容，同時保持子元素的原始結構和內容。

以上是如何在 JavaScript 和 jQuery 中更新文字內容而不影響子元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！