firefox 关于非标准属性值的读取与ie的区别

最新推荐文章于 2020-11-24 13:00:00 发布

铑枪--突廆孒

最新推荐文章于 2020-11-24 13:00:00 发布

阅读量905

点赞数

CC 4.0 BY-SA版权

文章标签： firefox ie div button function input

本文链接：https://blog.youkuaiyun.com/lianggeblog/article/details/5517372

本文通过示例展示了在IE和Firefox浏览器中，使用JavaScript对HTML元素属性进行设置时的行为差异。特别是针对非标准属性的处理方式，揭示了不同浏览器间的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在ie中，obj.setAttribute("")obj.setAttribute("a","b")<==>obj.a="b"; obj.getAttribute("a")<==>obj.a;
而在firefox 中，obj.setAttribute("")obj.setAttribute("a","b")<≠>obj.a="b"; obj.getAttribute("a")<≠>obj.a;
示例：
<body > <div value="中华人民共和国万岁" id="div1"></div> <input type="button" value="点击老朽" onclick="click1();"/> <script type="text/javascript"> function click1() { var obj=document.getElementById("div1"); var str="value不是div的w3c标准属性。/n obj是指的div的对象/n/n"; str+="obj.value："+div1.value; str+="/nobj.getAttribute(/"value/")："+obj.getAttribute("value"); obj.value="中華人民共和國萬歲"; str+="/n/n调用obj.value=/"中華人民共和國萬歲/";之後的結果：" str+="/nobj.value："+div1.value; str+="/nobj.getAttribute(/"value/")："+obj.getAttribute("value");  alert(str); } <script> </body>
運行後的結果爲：