innerHtml 打印标签之间的内容,包含标签的文本信息,各浏览器都支持。
innerText 打印的是纯文本信息
innerText 有兼容性 低版本的火狐浏览器不支持使用,而支持使用textContent,因此封装一个兼容版本:
- <pre class="html" name="code">// 获取标签的对象
- var box = document.getElementById("box");
- // 调用方法
- var str = getText(box);
- console.log(str);
- /**
- * 封装了一个获取标签之间的文本信息兼容版本函数
- * @param element 标签对象
- * @returns {*}
- */
- function getText(element) {
- if(element.innerText) {
- return element.innerText; //IE8及之前的浏览器支持,现在两者都支持
- }else {
- return element.textContent; //低版本的火狐支持
- }
- }