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>元素的內容，忽略多余空白，試圖保留表格格式，針對表格元素，只有只讀屬性，不具備設置【寫】文本內容的屬性。

文本內容的讀寫操作；

/**
 * 
 * @param element  元素節點
 * @param value    寫入的文本
 * @returns {*}
 */
function textContent(element, value){
    var content = element.textContent;
    if(value === undefined){//讀
        if(content !== undefined){//功能檢測
            return content;
        }else{//IE
            return element.innerText;
        }
    }else{//寫
        if(content !== undefined){
            element.textContent = value;
        }else{
            element.innerText = value;
        }
    }
}