innerHTML、textContent、innerText的区别和联系

来源:互联网 发布:贝叶斯分类算法 案例 编辑:程序博客网 时间:2024/05/16 16:11

innerHTML:根据w3c innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

innerText: 从起始位置到终止位置的内容, 但它去除Html标签 。

textContent : 根据w3c textContent 属性设置或返回指定节点的文本内容,以及它的所有后代。
如果您设置了 textContent 属性,会删除所有子节点,并被替换为包含指定字符串的一个单独的文本节点。

接下来是一个小Demo

innerHTML获取元素

获取到元素(包括标签)
innerHTML获取元素,包括元素的标签。

这里写图片描述

这里写图片描述

innerText同样获取到了元素,只取得了元素的内容。
这里写图片描述

这里写图片描述

textcontent 获取到元素内容。

To be continued

1 0
原创粉丝点击