【Web】Web-API（No.59）自定义属性

自定义属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义属性</title>
</head>
<body>
<ul id="uu">
    <li id="maId1" score="98">A</li>
    <li id="maId2" score="69">B</li>
    <li score="77">C</li>
    <li score="56">D</li>
    <li score="80">E</li>
    <li score="119">F</li>
    <li score="146">G</li>
</ul>
<script src="common.js"></script>
<script>
    /*
    * 本身html标签没有这个属性，是我们自己加的 --> 自定义属性/目的：
    * 获取自定义属性对应的值 getAttribute（“自定义属性的名”）
    * 设置自定义属性 setAttrubute（“属性名”，“属性值”）
    * 移除自定义属性 removeAttribute（“属性的名字”） 可以移除自带的属性
    * */
    for(var i = 0; i < ele$("li").length; i++){
        ele$("li")[i].setAttribute("index",i);
        ele$("li")[i].onclick = function(){
            console.log(this.getAttribute("index"));
            this.removeAttribute("id");

            //设置类名 className
            this.className = "";
        }
    }
</script>
</body>
</html>

来源：https://blog.csdn.net/qq_43251850/article/details/99409505

标签

自定义属性

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!