js:innerHTML与innerText||textContent

用法


  • DOM节点.innerHTML

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


$("#header-unlogin").innerHTML的内容是:

  • 登录
  • 注册
    • 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";
            }
    

    你可能感兴趣的:(js:innerHTML与innerText||textContent)