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

2016-07-11 1321 1 编辑:Monster 来源: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=""来删除。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联