js：innerHTML与innerText||textContent

• DOM节点.innerHTML

  获取整个节点内的所有内容，包括HTML标签，比如下面这段代码：

  <ul id="header-unlogin">
    <li id="header-signin"><a href="#1">登录</a></li>
    <li id="header-signup"><a href="#2">注册</a></li>
  </ul>

  $("#header-unlogin").innerHTML的内容是：
  <li id="header-signin"><a href="#1">登录</a></li><li id="header-signup"><a href="#2">注册</a></li>

• DOM节点.innerText/DOM节点.textContent（注意大小写）
  获取整个节点内的所有去除HTML标签的文字内容，比如上面的那段代码：

  $("#header-unlogin").innerText的内容是：
  登录注册

兼容

---

• innerHTML全浏览器兼容（所有的浏览器都支持的属性）
• innerText兼容IE、Safari、Opera和Chrome
• textContent兼容firefox

总结

---

需要使用innerText||textContent时，写一个判断就好：

if(obtn.textContent){
            obtn.textContent=="登录"?oLoginHeader_spans[0].id="login-selected":oLoginHeader_spans[1].id="login-selected";
        }else{
            obtn.innerText=="登录"?oLoginHeader_spans[0].id="login-selected":oLoginHeader_spans[1].id="login-selected";
        }

作者：歇歇
链接：http://www.jianshu.com/p/25838412260b
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。