怎样访问和设置元素的HTML属性？

在找到需要的节点(元素)之后通常希望对其属性进行读取或修改。DOM定义了3个方法来访问和设置节点的HTML属性，它们是getAttribute(name)、setAttribute(name,value)和removeAttribute(name)。

实际上，也可以不使用以上3种方法，直接通过(DOM元素.属性名)获取元素的HTML属性，通过(DOM元素.属性名="属性值")设置或删除元素的HTML属性。这种方法和上面那3种方法的区别在于表中的方法可以访问和设置元素自定义的属性(如对<img>标记自定义一个author属性)，而这种方法只能访问和设置HTML语言中已有的属性，但人们一般都不会去自定义HTML属性，因此这种方法完全够用。

1.读取元素的HTML属性

下面的代码首先获取一个img图像元素，然后读取该元素的各种属性并输出。

说明:使用myImg.alt就可以读取myImg元素的alt属性，它和myImg.getAttribute("alt")有等价的效果。对于class属性，由于class是JavaScript的关键字，因此访问该属性时必须将它改写成className。

2.设置元素的HTML属性

当鼠标滑动到某个Ii元素上时，就动态地改变左边img元素的src属性，使其切换显示图片。

3.删除元素的HTML属性

通过DOM元素.属性名=""就可以删除一个元素的HTML属性值。

提示:

①由于width属性和CSS中的width属性同名，因此不能用myImg.width=""删除。

②removeAttribute()可以删除元素的任何HTML属性，只是和getAttribute)一样，对于class属性在IE中必须把"class"写成"className"，而在Firefox中"class"又只能写成"class"，因此解决的办法是把两条都写上或使用myImg.className=""来删除。