JavaScript中innerHTML与innerText，createTextNode的区别

innerHTML和innerText

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

例如有如下代码：

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

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

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

innerHTML和createTextNode

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

例如有如下代码：

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

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

var text=createTextNode(content) ;

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

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

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

转载于:https://www.cnblogs.com/xtdxs/p/6570593.html

JavaScript中innerHTML与innerText，createTextNode的区别相关推荐

javascript中innerHTML、innerText、outertHTML的区别与各自的用法
示例代码: <div id="test"> test1 tes ...
javascript中innerHTML和innerText
innerHTML和innerText区别 innerText:拿到的是文本,如果文本里面有<>尖括号,不会把<>尖括号当成html元素解析 innerHTML:拿到的是文本, ...
JavaScript中innerHTML与innerText的区别
1. innerHTML获取到的是目标标签内部的所有内容,包括内部的其他html的标签也会一起显示 2. innerText获取元素内容时会解析html标签,显示标签内容 <script> ...
html页面的text用法,js中innerHTML，innerText，outerHTML用法总结
如何获取DIV里面的内容,在js中为大家提供了三种方法,分别是outerHTML.innerHTML和innerText,这里要注意大小写!看起来长得很像,那么到底怎么使用以及它们之间有什么区别,我想 ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '&l ...
java引用类型和值类型_[Java教程]JavaScript中值类型和引用类型的区别
[Java教程]JavaScript中值类型和引用类型的区别 0 2017-02-24 00:00:35 JavaScript的数据类型分为两类:原始类型和对象类型.其中,原始类型包括:数字.字符串和 ...
javascript 中innerHTML的用法
javascript 中innerHTML的用法语法 Object.innerHTML = "HTML";//设置其内容 var html = Object.innerHTML; ...
JavaScript中innerHTML、outerHTML、innerText、outerText的用法与区别认识
2017百度前端技术学院(js任务一) 一.JS中innerHTML.outerHTML.innerText.outerText.value的区别与联系? 在JS中很容易将以上几者记错弄混,在网上找了 ...
JavaScript学习 — innerHTML与innerText区别
文章目录各自功能实例区别各自功能 innerHTML:设置或获取元素内的所有子节点(包括标签.注释和文本节点). innerText:获取元素的文本,会过滤掉所以标签,将文档树中的所有文本拼接起 ...

JavaScript中innerHTML与innerText，createTextNode的区别

JavaScript中innerHTML与innerText，createTextNode的区别相关推荐

最新文章

热门文章