javascript - jquery或js修改或替换html中的文字

问题描述

问 题

html内容如下

<label>
    测试文字1
    <select>
        <option>10</option>
    </select>
    测试文字2
</label>

目标：仅替换测试1测试2文字
尝试手段：因为该段代码是js插件自动生成，无法给文字加标签，关于使用$('label') = ‘<label>...’，或对textContent，innerHtml,text的任何全部替换和修改都会导致功能丢失(分析原因可能为如整体替换，内存中值也会改变才导致功能丢失)
请教如何再保留外部label和内部select，只替换文字部分。

解决方案

//遍历label的子节点
for(var i=0;i<label.childNodes.length;i++){
    //筛选文本节点
    if(label.childNodes[i].nodeType==3){
        //修改文本节点的内容
        //do something
    }
}

这篇关于javascript - jquery或js修改或替换html中的文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！