一个关于innerText和innerHTML的小疑问

发布于
2017-11-16

更新于
2017-11-16

1.一个很小的问题
2.代码：
对于
图片描述

innerText显示的是文本内容，为什么去更改这个文本内容的时候却是把这个标签组也给删除了？
有句话是：
node.innerText
Sets or gets the text between the start and end tags of the object
另外，有没有其他方法（jquery也可）可以只替换文本内容而不把i标签也删了？

javascript html

阅读 3.3k

4 个回答

陌路凡歌

✓ 已被采纳

找childNodes把，判断是文本节点看里面有没有类容，有就干掉

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p onclick="aaa(this)">
        <i>1111</i>
        aaaaaaa
    </p>
    <script>
function aaa(obj){
    for(el of obj.childNodes){
        if(el.nodeType==3&&!!el.nodeValue.replace(/\s+/g,'')){
            console.log(el)
            el.nodeValue = ''
        }
    }
}
    </script>
</body>
</html>