innerHTML和innerText区别

innerHTML和innerText的区别

innerText属性

document.getElementById('box').innerText; //获取文本内容(如有html 直接过滤掉)
document.getElementById('box').innerText = '<div>Mr.Lee</div>'; //设置文本(如有html会进行转义)

innerHTML属性

document.getElementById('box').innerHTML; //获取文本(不过滤HTML)
document.getElementById('box').innerHTML = '<b>123</b>'; //可解析成HTML

innerText兼容性问题封装

    /**
     * 获取innerText属性（兼容）
     * @param element DOM对象
     */
    function getInnertext(element) {
        var result = "";
        if (typeof element.innerText == "string") {
            result = element.innerText;
        } else {
            //老版火狐支持的方法
            result = element.textContent;
        }
    }

    /**
     * 设置innerText属性(兼容)
     * @param element DOM对象
     * @param content  文本
     */
    function setInnetText(element,content){
    
        if(element.innerText == "string"){
            content = element.innerText;
        }else{
            content = element.textContent;
        }
    }