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,'新内容');

 

posted @ 2018-07-10 10:16  其微乐  阅读(221)  评论(0编辑  收藏  举报