案例

web html

于 2019-03-29 16:43:02 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44748332/article/details/88896682

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="删除" id="btn">
<ul id="uu">
    <li score="10" class="cls">小米的成绩</li>
    <li score="20">小鱼的成绩</li>
    <li score="30">小雨的成绩</li>
    <li score="40">小景的成绩</li>
    <li score="50">小静的成绩</li>
</ul>
<script>
function my$(id) {
    return document.getElementById(id);
 }
   
    var list = my$("uu").getElementsByTagName("li");
     for (var i = 0;i < list.length; i++) {
        list[i].setAttribute("age",10+i);
        list[i].onclick = function () {
           alert(this.getAttribute("age")+"岁");
       }
     }


    my$("btn").onclick = function () {
        for (var j=0; j<list.length; j++){
            list[i].removeAttribute("score");
            list[j].removeAttribute("class");
        }
    }
</script>
</body>
</html>