zoukankan      html  css  js  c++  java
  • 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的属性,并成功的取出了.

  • 相关阅读:
    js事件
    增量
    文本文件输入(忽略行)
    当数据库的字段为date类型时候
    枚举的使用
    input输入框用el对数字格式化
    图片提交按钮各浏览器不兼容问题
    js对数字的校验
    时间控件
    ymPrompt消息提示组件4.0版 演示及使用简介
  • 原文地址:https://www.cnblogs.com/clouds008/p/2509239.html
Copyright © 2011-2022 走看看