Javascript获取innerText,对IE和FF的兼容性问题?
<html><body><divid="one">ssssssssssssss</div><script>varone=document.getElementById("...
<html>
<body>
<div id="one">
ssssssssssssss
</div>
<script>
var one=document.getElementById("one");
function show(){
alert(one.innerText);
}
show();
</script>
</body>
</html>
这段程序,在IE下能弹出“ ssssssssssssss”,怎样让程序也兼容火狐浏览器呢???
段程序,在IE下能弹出“ ssssssssssssss”,在火狐浏览器下弹出“undefined”,怎样让程序也兼容火狐浏览器呢??? 展开
<body>
<div id="one">
ssssssssssssss
</div>
<script>
var one=document.getElementById("one");
function show(){
alert(one.innerText);
}
show();
</script>
</body>
</html>
这段程序,在IE下能弹出“ ssssssssssssss”,怎样让程序也兼容火狐浏览器呢???
段程序,在IE下能弹出“ ssssssssssssss”,在火狐浏览器下弹出“undefined”,怎样让程序也兼容火狐浏览器呢??? 展开
6个回答
展开全部
如果div内没有其他标签完全可以使用innerHTML。
举个例子:
<div id="test">
<span style="color:red">test1</span> test2
</div>
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
test.innerText:
从起始位置到终止位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''));
即可得到IE innerText的效果了
举个例子:
<div id="test">
<span style="color:red">test1</span> test2
</div>
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
test.innerText:
从起始位置到终止位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''));
即可得到IE innerText的效果了
展开全部
一句话必杀,firefox下面没有innerText,但是你可以用textContent属性,你可以写成element.innerText || element.textContent获取文本
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
alert(one.innerText);改为 alert(one.innerHTML);
innerText这个属性不是w3c标准,火狐不认识他
innerText这个属性不是w3c标准,火狐不认识他
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
两个选择:
1.把脚本统一写在<head></head>里面,
2.把函数统一写成window.onload=function(){}.
火狐会懂的。
1.把脚本统一写在<head></head>里面,
2.把函数统一写成window.onload=function(){}.
火狐会懂的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用jquery比较方便,其他方法……
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询