innerHTML 与 innerText 的区别

innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。
innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。
同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性

 给innerHTML属性设置内容后, 会将内容中包括的标签解析. innerText不会.

实现innerText的兼容：

获取：

function getInnerText(element){
    var result = "";
    if(typeof element.innerText == "string"){
        result = element.innerText;               //火狐不兼容
    }else{
        result = element.textContent;
    }
    return result;
}

设置：

function setInnerText(element,content){
    if(typeof element.innerText == "string"){
        element.innerText = content;
    }else{
        element.textContent = content;
    }
}