javascript中setAttribute()和getAttribute()、removeAttribute()的使用
javascript我们用得最多也是他最强大的地方应该是其对dom的操作吧.那么今天我们就来说三个常用的dom操作方法.
setAttribute() 设定dom结点的属性
getAttribute() 取dom结点属性的值
removeAttribute() 删除dom结点的属性
我们从实例开始.
<a href="#">ddd</a> <script type="text/javascript"> var as=document.getElementsByTagName("a")[0]; alert(as.getAttribute("href")); as.setAttribute("href","tk.html"); alert(as.getAttribute("href")); </script>
上面的代码中我们查看了二次a标签的href属性,修了一次,
但是这还不是setAttribute() getAttribute() 最强大的功能,他强大的地方在于自定义属性部份,有时候我们要对html标签进行扩展,但又苦于取不到值时,怎么办,就用下面这种办法.
<p title="test">sdfee</p>
<p title="mmmm">eee</>
<script type="text/javascript">
var ts=document.getElementsByTagName("p");
for (var i=0; i<ts.length;i++)
{
var text=ts[i].getAttribute("title");
alert(ts[i].getAttribute("title"))
if(text)
{
ts[i].setAttribute("title","我会成功！")
alert(ts[i].getAttribute("title"))
}
}
</script>
上面的代码中我们定义了一个叫test的属性,并成功的取出了.