作者在 2008-02-06 03:22:36 发布以下内容
天气: 冷
心情: 平静
原文出处:http://mo2000com.blog.163.com/blog/
|
关于html标签属性的属性值的控制有下面两个方法:
getAttribute("属性"):顾名思义,读取对应属性的属性值
setAttribute("属性","新的属性值"):则是对对应属性的设值
它们不能直接作用在document对象,需要用前面说的getElementById或者getElementsByTagName来获取标签对象后处理.注意,getElementsByTagName还只是标签列表数组,而这里需要的是具体的标签.下面先介绍下对 getElementsByTagName列表访问的两种办法:
假设我们获取了一个getElementsByTagName后的列表,数组名为list,数组中元素为:
list[0]="草履虫"
list[1]="毛毛"
list[2]="加油"
那么访问第二个元素的办法有:
list[1] 和 list["毛毛"]
下面还是用上一篇文章的例子来举例: |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta. http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>getAttribute 和 setAttribute</title>
</head>
<body>
<div id="chong">
<div id="chong1"></div>
<div id="chong2"></div>
<div id="chong3"></div>
</div>
<script. language="javascript">
var list=document.getElementsByTagName("div");
var mydiv=list["chong2"].getAttribute("id");
alert('用list["chong2"]取到第3个id的属性的属性值:'+mydiv);
var mydiv=list[2].getAttribute("id");
alert("用list[2]取到第3个id的属性的属性值:"+mydiv);
list[2].setAttribute("id","maomao");
mydiv=list[2].getAttribute("id");
alert("重新设值后的第3个id的属性的属性值:"+mydiv);
</script>
</body>
</html> |