<!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>
<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>