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,'新内容');
if(you love javascript) I'd like to be with your friends