API之自定义属性

时间 2019-11-18

标签 api 自定义属性繁體版

原文原文链接

<body>
    <ul id="uu">
        <li>歌曲：</li>
        <li>做词：</li>
        <li>做曲：</li>
        <li>和声：</li>
        <li>演唱：</li>
    </ul>

    <script src='common.js'></script>
    <script>
        //总结： 
        //1. 设置自定义的属性： setAttribute('属性的名字'，'属性的值');
        //2. 获取自定义属性的值 ： getAttrinute('属性的名字')
        //根据id名获取ul的标签，而且设置该标签中的全部li标签
        var lists = my$('uu').getElementsByTagName('li');
        //循环遍历
        for (var i = 0; i < lists.length; i++) {
            //先为每一个li添加自定义属性
            lists[i].setAttribute('name', '小时姑娘')
                //点击每一个li标签，显示对应的自定义属性的值
            lists[i].onclick = function() {
                alert(this.getAttribute('name'));
            }
        }
    </script>


</body>

API之自定义属性

目录

自定义属性总结

案例