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的属性,并成功的取出了.

转载于:https://www.cnblogs.com/clouds008/archive/2012/05/19/2509239.html