修改或添加某div的class属性

来源:互联网 发布:js获取动态时间 编辑:程序博客网 时间:2024/06/16 04:49
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <style>
        .x{
            width:100px;
            height: 200px;
            border: 2px solid black;
        }
        .y{
            background:red;
        }
        .z{
            border-radius: 20px;
        }
    </style>
    <body>
        <div class="x"></div>
        <script>
        var e = document.getElementsByClassName("x")[0];
//        e.className+=" y";
            //为谁添加,添加什么属性
              function addClass(e,a){
                  //取出原来的属性
                  var oldClass = e.className;
                  ele.classname=old+" "+a;
              }
              addClass(e,"y");
              addClass(a,"z");
        </script>
    </body>
</html>

0 0
原创粉丝点击