js:innerHTML与innerText||textContent
来源:互联网 发布:java file.getname 编辑:程序博客网 时间:2024/05/16 14:35
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
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
阅读全文
0 0
- js:innerHTML与innerText||textContent
- 07 JS-DOM之-innerHTML、innerText、textContent
- innerText innerHTML textContent
- innerText , innerHTML , textContent
- firefox 中 innerText,innerHTML,textContent,
- firefox 中 innerText,innerHTML,textContent
- innerHTML, outerHTML, innerText, outerText, textContent
- nodeType、innerHTML、innerText、textContent之间的区别与联系
- innerHtml/outerHtml/innerText/outerText/textContent比较
- innerHTML、innerText、textContent和value属性
- innerHTML outerHTML innerText textContent的区别
- innerHTML、textContent、innerText的区别和联系
- JS魔法堂:被玩坏的innerHTML、innerText、textContent和value属性
- JS魔法堂:被玩坏的innerHTML、innerText、textContent和value属性
- textContent与innerText的不同
- textContent与innerText的不同
- textContent与innerText的不同
- textContent与innerText的不同
- dan[非正解 搜索+卡时可AC]
- ubuntu 解决“无法获得锁 /var/lib/dpkg/lock -open (11:资源暂时不可用)”的方法
- 《深入浅出node.js》——setImmediate()与process.nextTick()
- 循环队列的表示与实现
- surfaceview组件的初始化
- js:innerHTML与innerText||textContent
- Flex布局和Grid布局
- bzoj4417: [Shoi2013]超级跳马
- ngrok-本地内网端口映射到外网
- 【vim】默认显示行号
- Outlook 2016 pst/ost邮件数据文件迁移实现
- 51Nod-1499-图
- jdk代理
- oracle调用netca、netmgr出现的空指针异常