innerText 和 textContent 的兼容问题

innerText 和 textContent 的兼容问题

• innerText 属于IE标准，目前一些高版本的浏览器都会支持。可以设置文本内容，也可以获取标签中的文本。
• textContent 火狐支持，谷歌支持，IE8不支持。只可以去中间的内容，不会显示标签的样式。
• innerHTML 如果标签文本都想获取，可以使用。

兼容代码

//设置任意元素的中间的文本内容
function setInnerText(element,text) {
  if(typeof element.textContent =="undefined"){ 
      // 当类型是undefined 说明这个属性不支持
      element.innerText=text; 
  }else{
      element.textContent=text;
  }
}

function getInnerText(element) {
  if(typeof element.textContent=="undefined"){
      return element.innerText;
  }else{
      return element.textContent;
  }
}