J**aScript中setAttribute用法介绍

时间：2016.04.18 发布人：qq8188105
J**aScript中setAttribute用法介绍

已解决问题

谷歌qq8188105用户在2016.04.18提交了关于“林肯J**aScript中setAttribute用法介绍”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-28T02:57:12。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你就是当代的活雷锋,太感谢了 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：zhd1866  

setAttribut来自e(stringname,stringvalue)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
1、样式问题
setAttribute("class",v木着非结护只北视突轻alue)中class是指改变"c风雨钢半基氢切久lass"这个属性，所以要带引号。
vName代表对样式赋值。
例如:
复制代码代码如下:
varinput=document.creat331215问答eElement("input");
input.setAttribute("type","text");
input.set备Attribute("name","q");
input.setAttribute("class",bordercss);

输出时：<inputtype="text"name="q"class="bordercss">,他啊见数础注践纪察则即，input控绿项树却伯命丝况住又件具有bordercss样式属性
注意：cla的ss属性在W3CDOM中扮演着很脚衣科右比个跟送既重要的角色，但由于浏览器差异性仍然存在。
使用setA全笔保ttribute问煤情行模("class",vName)语句动态设置Element的class属性在firefox中是行的通的，但在IE中却不行。因为使用IE加特集则握念可各听内核的浏览器不认识"class"，要改用"className"；
同样，firefox也不认识"className"。所以常用的方法是二者兼备：
复制代码代码如下:
element.setAttribute("class",value);//forfirefox
element.setAttribute("className",value);//forIE

2、方法属性等问题
例如：
复制代码代码如下:
varbar功料为根族=document.getElemen物罪晚小连必tById("testbt");
bar.setAttribute("onclick","j**ascript:alert('Thisisatest!');");

这里利用s饭条草它议西etAttribute指定e的onclick属性，简单，很好理解。
但是IE不支持，IE并不是不支持setAttr林坚希力马抗衣官ibute这个函数，而是不支持用setAttribute设置某些属性，例如对象属性、集合属性、事件属性，也就是说用setAttribute设置style和onclick这些属性热望才叶且路在IE中是行不通的。
为达到兼容各种浏览器的效果，可以用点符号法来设置Element的对象属性、集合属性和事件属性。
复制代码代码如下:
document.getElementById("testbt").管映器走似className="bordercss";
document.getElementById("testbt").style.cssText="color:#00f;";
document.getElemen贵误都益晶tById("testbt").style岁湖然降础府.color="#00f";
document.getElementById("testbt").onclick=function(){alert("Thisisatest!");}