首页 > 编程语言 > 详细

JavaScript中innerHTML与innerText,createTextNode的区别

时间:2019-01-07 11:59:02      阅读:161      评论:0      收藏:0      [点我收藏+]
innerHTML和innerText

它们都会把元素内内容替换掉,区别在于: innerHTML 会把替换内容里的 HTML 标记解释执行。 innerText 会把替换内容里的 HTML 标记原样输出而不执行。

例如有如下代码:

var content = "<b>这是对innerHTML和innerText的测试</b>" ; // 假设 e 为网页内某元素

e.innerHTML = content ; // 显示结果为  这是对innerHTML和innerText的测试

e.innerText = content ; // 显示结果为  <b>这是对innerHTML和innerText的测试</b>

 

innerHTML和createTextNode

innerHTML可以识别标签,而createTextNode会将内容全部转化为字符串

例如有如下代码:

var content = "<b>这是对innerHTML和innerText的测试</b>" ; // 假设 e 为网页内某元素

e.innerHTML = content ; // 显示结果为  这是对innerHTML和innerText的测试

var text=createTextNode(content) ;

e.appendChild(text)// 显示结果为  <b>这是对innerHTML和innerText的测试</b>

 

这样看来innerText和createTextNode的基本用法是一样的,都无法识别标签并转化为html文件。

但是innerText是一次性修改,会将标签里所有内容修改,createTextNode可以逐条插入,避免整体的修改。

JavaScript中innerHTML与innerText,createTextNode的区别

原文:https://www.cnblogs.com/it-dennis/p/10232358.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!