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>