问题：
动态更新元素的文本是 web 经常遇到的问题开发人员，尤其是在处理复杂的 DOM 结构时。考虑以下 HTML 片段：
<div>
任务是修改粗体文本而不影响子段落。这是一个挑战，特别是对于 jQuery 初学者。
jQuery 解决方案：
Mark 提供了一个使用 jQuery 的最佳解决方案，它提供了简洁高效的功能：
$("div#my-div").contents().filter(function() {
return this.nodeType == 3; // Node type 3 represents text nodes
}).text("New Text");JavaScript 解决方案（可选）：
在纯 JavaScript 中，childNodes 属性可用于访问元素的所有子节点，包括文本节点。如果目标文本始终是第一个子文本，可以采用以下方法：
var myDiv = document.getElementById("my-div");
var textNode = myDiv.childNodes[0]; // Assume the text is the first child
textNode.nodeValue = "New Text";结论：
都可以应用 jQuery 和 JavaScript 来动态更新元素的文本，同时保留其子元素。 jQuery 解决方案提供了一种简洁且通用的方法，而 JavaScript 方法提供了一种更具体的解决方案，假设文本是第一个子元素。
以上是如何更新元素内的文本而不影响其子元素？的详细内容。更多信息请关注PHP中文网其他相关文章！
