zoukankan      html  css  js  c++  java
  • 随机获取链接的属性

    window.onload = function(){
                    
    var links = document.getElementById('hrefs');
                    
    var attrs = [];
                    
    var as = links.getElementsByTagName('a');
                    
    for (var i = 0, len = as.length; i < len; i++) {
                        as[i].onclick 
    = function(){
                            
    var lTitle = this.getAttribute('title');
                            
    var lName = this.getAttribute('name');
                            
    var lDefault = this.getAttribute('default');
                            attrs.push(lTitle, lName, lDefault);
                            ClickEvent(attrs);
                            
    //return false;
                        }
                    }
                }
                
                
    function ClickEvent(attrs){
                    lens 
    = attrs.length;
                    
    for (var j = 0; j < lens; j++) {
                        document.getElementById(
    'print').innerHTML += attrs[j] + '<br />';
                    }
                }
    <div id="hrefs">
                
    <href="javascript:void(0)" title="I am title1" name="I am name1" default="I am default">sohu</a><br>
                
    <href="javascript:void(0)" title="I am title2" default="I am default">sohu22</a><br>
                
    <href="javascript:void(0)" title="I am title3" name="I am name3">sohu33</a><br>
                
    <href="javascript:void(0)" title="I am title4" name="I am name4" default="I am default">sohu44</a>
            
    </div>
            
    <div id="print"></div>
  • 相关阅读:
    ref out param 区别
    SQL语句执行顺序以及oracle基本查询优化
    Ext.LoadMask遮罩的效果几种实现方式
    用ajax技术实现无闪烁定时刷新页面
    ExtJs 实现动态列,动态多表头 在这里添加日志标题
    Ajax中文乱码问题解决方法(服务器端用servlet)
    订购国际机票的常用指令
    ETERM航班销售控制指令
    线程wait()和sleep()的区别
    JSt中对象的prototype属性
  • 原文地址:https://www.cnblogs.com/jikey/p/1618850.html
Copyright © 2011-2022 走看看