1. 程式人生 > >innerText和textContent區別及瀏覽器相容

innerText和textContent區別及瀏覽器相容

1、innerText:可以設定和獲取元素的文字內容(基本標籤,成對的html標籤)(谷歌,火狐,IE8都支援)
2、textContent:可以設定和獲取元素的文字內容(基本標籤,成對的html標籤(谷歌,火狐,IE8不支援)


   //設定某個標籤中的任意文字內容
    function setInnerText(element,txt) {
        if(element.textContent){//支援谷歌,火狐,IE8
            element.textContent=txt;
        }else{//不支援IE8瀏覽器
            element.innerText=txt;
        }
    }
    //獲取某個標籤中的任意文字內容
    function getInnerText(element) {
       return element.textContent?element.textContent:element.innerText;
    }