textContent、innerText和innerHTML的区别

//innerText,textContent,innerHTML都可以设置文本内容，推荐使用innerHTML
//innerHTML可以在标签中设置新的html标签内容，是有标签效果的

//innerText可以获取标签中间的文本内容，但是标签中间还有其它标签，那么其它标签中的文本内容也能获取，但获取不到标签
//innerHTML是真正这个获取标签中间的文本内容，既能获取文本内容，也能获取里面的标签

//设置标签中的文本内容，用textContent属性，谷歌，火狐支持，IE8不支持

//设置标签中的文本内容，用innerText属性，谷歌，火狐,IE8都支持，但低版本火狐不支持

.innerText无法返回隐藏元素的文本内容，而的textContent属性可以返回。

//兼容代码
//设置任意标签中的任意文本内容
function setInnerText(element,text) {
    //判断这个属性是不是undefined，就知道浏览器是否支持
    if(typeof element.textContent=="undefined"){ //不支持
        element.innerText=text;
    }else{ //支持
        element.textContent=text;
    }
}