如何在 JavaScript 中更新元素文字而不影響子節點？

如何動態更改元素文字而不影響子節點

當旨在更新元素的文字內容而不更改其子元素時，可能會遇到挑戰jQuery初學者。本文提供了有效實現此任務的方法指南。

使用 ChildNodes 屬性

在 JavaScript 中，childNodes 屬性提供對元素的所有子節點的訪問，包括文字節點。這使您能夠識別和修改所需的文字內容，同時保留子元素。例如，考慮以下HTML 結構：

<div>

要更新粗體文本，您可以使用JavaScript，如下所示：

let your_div = document.getElementById('your_div');

let text_to_change = your_div.childNodes[0];

text_to_change.nodeValue = 'new text';

透過利用nodeValue 屬性，您可以修改文本內容不影響p 元素。請注意，您可以使用 jQuery 最初選擇 div，利用 var your_div = $('your_div').get(0);.

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