textContent和innerHtml

textContent,innerText, 查询或者设置元素的文本内容。

textContent如,html:

<p>test gogo</p>

javascript中:

var p0 = document.getElementsByTagName("p")[0];
//查询文本内容
    var txt = p0.textContent;
//设置文本内容
    p0.textContent = "hello world!";

说说两者的支持者。

textContent属性【标准】,除了IE的所有浏览器都支持,innerText除了Firefox的所有浏览器属性都支持,而在IE中,用innerText代替textContent属性。

注意,两者的不同点:textContent属性将指定的元素的所有后代text节点串联在一起。innerText指定不明确,且不返回<script>元素的内容,忽略多余空白,试图保留表格格式,针对表格元素,只有只读属性,不具备设置【写】文本内容的属性。

文本内容的读写操作

 1 /**
 2  * 
 3  * @param element  元素节点
 4  * @param value    写入的文本
 5  * @returns {*}
 6  */
 7 function textContent(element, value){
 8     var content = element.textContent;
 9     if(value === undefined){//
10         if(content !== undefined){//功能检测
11             return content;
12         }else{//IE
13             return element.innerText;
14         }
15     }else{//
16         if(content !== undefined){
17             element.textContent = value;
18         }else{
19             element.innerText = value;
20         }
21     }
22 }
View Code

 

posted @ 2016-07-28 18:22  钟离野  阅读(2715)  评论(0编辑  收藏  举报