innerHtml和innerText的区别

innerHtml  打印标签之间的内容，包含标签的文本信息，各浏览器都支持。

innerText  打印的是纯文本信息

innerText  有兼容性  低版本的火狐浏览器不支持使用，而支持使用textContent,因此封装一个兼容版本：

1. <pre class="html" name="code">//    获取标签的对象  
2.     var box = document.getElementById("box");  
3. //    调用方法  
4.     var str = getText(box);  
5.     console.log(str);  
6.     /**  
7.      * 封装了一个获取标签之间的文本信息兼容版本函数  
8.      * @param element 标签对象  
9.      * @returns {*}  
10.      */  
11.     function getText(element) {  
12.         if(element.innerText) {  
13.             return element.innerText;   //IE8及之前的浏览器支持，现在两者都支持  
14.         }else {  
15.             return element.textContent; //低版本的火狐支持  
16.         }  
17.     }