js：innerHTML与innerText||textCont

用法

---

• 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";
        }