innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015-03-13 11:19
645 查看
innerHTML属性用来读取或设置某个节点内的HTML代码。
outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内。
textContent属性用来读取或设置节点包含的文本内容。
innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉。注意,innerText是非标准属性,Firefox不支持。
1.innerText受CSS影响,textcontent没有这个问题。比如,如果CSS规则隐藏了某段文本,innerText就不会返回这段文本,textcontent则照样返回。
2.innerText返回的文本,会过滤掉空格、换行和回车键,textcontent则不会
3.innerText属性不是DOM标准的一部分,Firefox浏览器甚至没有部署这个属性,而textcontent是DOM标准的一部分。
以上就是本文的全部内容了,希望对大家学习熟悉javascript能有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- Html服务器控件常用属性-InnerHtml属性及InnerText属性的区别
- innerHTML、outerHTML 、innerText 、outerText 的区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- js中innerHTML与innerText,outerHTML的用法与区别
- innerText, innerHTML, outerHTML 三者的区别
- innerText、outerText、innerHTML、outerHTML的区别
- 关于innerText与innerHTML的区别
- innerText 与innerHTML区别
- innerText与innerHTML区别
- innerText和innerHTML区别
- innerText,outerText,innerHTML,outerHTML
- innerHTMLinnerText区别
- DOM元素的innerText和 innerHTML的属性
- javascript innerText和innerHTML属性
- innerText和innerHTML区别
- innerText与innerHTML区别
- outerHTML、innerHTML以及innerTEXT的区别
- innerText 与innerHTML区别(转自cnblog)