javascript – 如何只更改DOM元素中的文本而不替换任何子元素

前端之家收集整理的这篇文章主要介绍了javascript – 如何只更改DOM元素中的文本而不替换任何子元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,我有一个简单的html结构
<h1>Title text <span>inner text</span></h1>

我想要的只是替换文本(标题文本)而不打扰< span>文本.这可能吗?

我不想添加任何其他dom元素,我想保留该结构.我当然是这样做的.

$("h1").text("new text");

但是您可以猜测…将替换所有innert文本和span文本元素.

可能解决方
我正在考虑在变量中复制跨度的文本,然后将其与新的< h1>文本,但我认为可能存在一个更好和干净的方式来做到这一点.

解决方法

使用 jQuery.contents()可以替换nodeValue类似于:
$("h1").contents()[0].nodeValue = "new text ";

DEMO使用jQuery.contents()来替换文本节点

猜你在找的JavaScript相关文章