你的位置:首页 > Java教程

[Java教程]javascript获取button元素的value属性值兼容性问题


javascript获取button元素的value属性值兼容性问题:
<button>元素比较简短,很多朋友可能喜欢使用它,毕竟能够少写很多代码,不过要注意的是,在获取它的value属性值的时候具有浏览器兼容性,先看下面的代码实例:

 

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>button元素的兼容性问题-蚂蚁部落</title> <script type="text/javascript"> window.onload=function(){ var bt=document.getElementById("bt"); document.write(bt.value);}</script> </head> <body><button id="bt" value="按钮属性值">蚂蚁部落</button> </body> </html> 

 

以上代码的输出值在IE6和IE7浏览器中是:蚂蚁部落,但是在其他浏览器中是:按钮属性值,这一点要特别的注意,如果要避免这种情况,建议使用<input type="button" value="推荐使用" />,这个没有兼容性问题。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9264

更多内容可以参阅:http://www.softwhy.com/javascript/