innerText和textContent区别及浏览器兼容
2017-03-23 21:43
225 查看
1、innerText:可以设置和获取元素的文本内容(基本标签,成对的html标签)(谷歌,火狐,IE8都支持)
2、textContent:可以设置和获取元素的文本内容(基本标签,成对的html标签(谷歌,火狐,IE8不支持)
//设置某个标签中的任意文字内容
function setInnerText(element,txt) {
if(element.textContent){//支持谷歌,火狐,IE8
element.textContent=txt;
}else{//不支持IE8浏览器
element.innerText=txt;
}
}
//获取某个标签中的任意文字内容
function getInnerText(element) {
return element.textContent?element.textContent:element.innerText;
}
2、textContent:可以设置和获取元素的文本内容(基本标签,成对的html标签(谷歌,火狐,IE8不支持)
//设置某个标签中的任意文字内容
function setInnerText(element,txt) {
if(element.textContent){//支持谷歌,火狐,IE8
element.textContent=txt;
}else{//不支持IE8浏览器
element.innerText=txt;
}
}
//获取某个标签中的任意文字内容
function getInnerText(element) {
return element.textContent?element.textContent:element.innerText;
}
相关文章推荐
- nodeType、innerHTML、innerText、textContent之间的区别与联系
- textContent、innerHTML、innerText、outerText、outerHTML、nodeValue使用场景和区别
- 简单的判断浏览器兼容的方法&兼容获取innerText
- 让IE和Firefox都支持innerText(textContent )
- 浏览器兼容CSS代码:按钮文字垂直居中(input button text vertical align)
- javascript:innerText和textContent 兼容问题
- innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
- textContent与innerText的不同
- javascript解决innerText浏览器兼容问题思路代码
- text-overflow:ellipsis溢出显示省略号兼容所有浏览器的解决办法
- textContent 和 innerText
- textContent与innerText的不同
- 真正做到兼容各大主流浏览器的text-overflow(文本溢出)解决方案
- javascript textContent与innerText的异同分析
- javascript textContent与innerText的异同分析
- 让IE和Firefox都支持innerText(textContent )
- javascript textContent与innerText的异同分析
- textContent与innerText的不同(转发)
- xml Node getNodeValue 和 getTextContent 区别
- 写CSS样式做浏览器兼容时区别ie8和ie9的方法