textContent、innerText的用法,在文档中插入纯文本

有时候需要查询纯文本形式的元素内容,或者在文档中插入纯文本。标准的方法是用Node的textContent属性来实现:

1 var para = document.getElementsByTagName('p')[0];
2 var text = para.textContent; 
3 para.textContent = 'Hello World!';

textContent属性在除了IE的所有当前的浏览器中都支持。在IE中可以使用Element的innerText属性来代替。

 1 /*
 2     一个参数,返回元素的textContent或innerText
 3     两个参数,用value参数的值设置元素的textContent或innerText
 4  */
 5 function textContent(element, value){
 6     var content = element.textContent;  //检测textContent是否定义
 7     if(value === undefined){   // 没传递value,因此返回当前文本
 8         if(content !== undefined)
 9             return content;
10         else return element.innerText;
11     } else{                                 // 传递了value,因此设置文本
12        if(content !== undefined)
13             return content;
14        else return element.innerText;   
15     }          
16 }

TextContent属性就是将指定元素的所有后代Text节点简单地串联在一起。

原文地址:https://www.cnblogs.com/wxydigua/p/3243156.html