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>
  • 相关阅读:
    由ping百度引发的思考
    操作系统 | 概述
    操作系统导论第四章 | 抽象:进程
    汇编语言 | 定制键盘输入的处理过程
    细数 TS 中那些奇怪的符号
    vue 各种 import 引入
    display:table-cell实现水平垂直居中
    Jquery判断单选框是否选中和获取选中的值
    css整理 -- 右箭头,上下箭头,三角形、超出省略号代替
    JQuery操作select下拉框
  • 原文地址:https://www.cnblogs.com/jikey/p/1618850.html
Copyright © 2011-2022 走看看