innerText innerHtml textContent兼容问题(

最新推荐文章于 2024-10-11 17:39:47 发布

shen_zhenbiao

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量119

点赞数

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/shen_zhenbiao/article/details/84003177

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

IE支持innerHTML与innerText

FireFox支持innerHTML与textContent

所以在IE与FireFox中使用显示内容时，必须得先判断浏览器，然后决定使用innerText还是textContent。

<div id="mydiv"> </div>
<script type="text/javascript">
function isIE()
{
return navigator.userAgent.toLowerCase().indexOf('msie')>0;
}
function isFireFox()
{
return navigator.userAgent.toLowerCase().indexOf('firefox')>0;
}
function showTime()
{
   var mydiv = document.getElementByIdx("mydiv");
   if(isIE())
{
    //mydiv.innerText="<font color='red'>"+new Date()+"</font>";
        mydiv.innerHTML="<font color='red'>"+new Date()+"</font>";
}
   if(isFireFox)
{
//mydiv.textContent="<font color='red'>"+new Date()+"</font>";
        mydiv.innerHTML="<font color='red'>"+new Date()+"</font>";
}
}
window.setTimeout('showTime()',0);
</script>

还可以：

if(document.all){
document.getElementByIdx('element').innerText = "my text";
} else{
document.getElementByIdx('element').textContent = "my text";
}

还可以：

<mce:script type="text/javascript"></mce:script>