美文网首页
自定义元素属性

自定义元素属性

作者: 小小彭007 | 来源:发表于2017-04-25 06:25 被阅读0次

    自定义元素

    每个元素都有自己的属性,同时也可以增加一些自定义的属性

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <script>
    /*
        HTML 标签属性、
        自定义属性
    */
    window.onload = function (){
        var aBtn = document.getElementsByTagName('input');
        
        // aBtn[0].abc = 123;           // 自定义属性
        
        // alert( aBtn[0].abc );
        // aBtn[0].abc = 456;
        
        // JS 可以为任何HTML元素添加任意个 自定义属性
        
        for( var i=0; i<aBtn.length; i++ ){
            aBtn[i].abc = 123;
            aBtn[i].xyz = true;
        }
        
    };
    </script>
    </head>
    
    <body>
    
    <input type="button" value="按钮1" />
    <input type="button" value="按钮2" />
    <input type="button" value="按钮3" />
    
    </body>
    </html>
    
    

    相关文章

      网友评论

          本文标题:自定义元素属性

          本文链接:https://www.haomeiwen.com/subject/stvmzttx.html