innerText Textcontent浏览器兼容代码

Posted hellocc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了innerText Textcontent浏览器兼容代码相关的知识,希望对你有一定的参考价值。

设置标签中的文本内容,应该使用textcontent属性,谷歌,火狐支持    IE8不支持

设置标签中的文本内容,应该使用textcontent属性,谷歌,火狐,IE8都支持

如果这个属性在浏览器中都不支持,那么这个属性的类型是“undefined”

判断这个属性的类型是不是“undefined”,就知道浏览器是否支持

 

//设置任意的标签中间的任意文本内容

function setInnerText (element,text)

//判断浏览器是否支持这个属性

if(type element.textcontent=="undefined")//不支持

element.innertext=text;

else//支持这个属性

element.textcontent=text;

获取任意标签中间的文本内容

function getInnerText(element)

if(type element.textContent=="undefined")

return element.innertext;

else

return element.textContent;

 

以上是关于innerText Textcontent浏览器兼容代码的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript DOM操作案例封装innerText跟textContent函数(浏览器兼容)

textContent vs innerText

innerText与textContent的异同

markdown innerHTML,innerText,textContent

为啥 textContent 不会触发重排

浏览器兼容问题innerText nextElementSibling firstElementChild