兼容

最新推荐文章于 2022-08-05 10:22:54 发布

gghunter

最新推荐文章于 2022-08-05 10:22:54 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签：浏览器 input ie class

本文链接：https://blog.youkuaiyun.com/gghunter/article/details/3497962

本文介绍如何使用JavaScript进行元素属性设置、类名更改、事件绑定及单选按钮创建等操作，并确保跨浏览器兼容性。

通过JS设置元素属性.
obj.setAttribute("style","background:#333");
obj.style.cssText="background:#333";(IE)
同时使用可以实现在各个浏览器上兼容.

通过JS设置元素class属性.
第一种方法:
obj.setAttribute("class","ak47");
obj.setAttribute("className","ak47");(IE)
第二种方法:
obj.className="ak47";
可以实现在各个浏览器上兼容.

通过JS为元素属性添加事件.
obj.setAttribute("onclick","dofn()");(IE不理解)
obj.onclick=funciont(){dofn();}可以实现在各个浏览器上兼容

通过JS创建单选按钮.
obj.setAttribute("type","radio");obj.setAttribute("name","girl");obj.setAttribute("value","0");

obj=document.createElement("<input type='radio' name='girl' value='0'>");(IE)

if(document.udiqueID){//IE独有;
obj=document.createElement("<input type='radio' name='girl' value='0'>");
}else{
obj.setAttribute("type","radio");
obj.setAttribute("name","girl"); obj.setAttribute("value","0");
}