innerText 和 innerContent的兼容性封装

innerText :设置和获取元素的文本内容；但在火狐浏览器中不支持此方法其他浏览器没问题；

textContent:和innerText 功能一样；但ie 不支持 其他浏览器没问题；

所有我们要封装一个方法兼容所有浏览器；

1、封装一个获取元素纯文本的方法；

var getText = function(ele){

　　//检测结果为字符串说明支持，可以使用

　　if(typeof ele.innertext === 'string'){

　　　　return ele.innerText;

　　}else{

　　　//检测结果为undefined 说明不能使用innerText，使用textContent；

　　　　elel.textContent;

　　}

}

2、封装一个方法用来设置元素纯文本内容；

var setText = function (ele,value){

　　if(typeof ele.innerText === 'string'){

　　//检测结果为字符串说明支持，可以使用

　　　　ele.innerText = value;

　　}else{

　　//检测结果为undefined 说明不能使用innerText，使用textContent；

　　　　ele.textContent = value;

　　}
}

setText(box,'新内容');

 

转载于:https://www.cnblogs.com/qiweile/p/9287558.html