<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>原生JS添加类移除类</title>
<style type="text/css">
.bg{
width: 200px;
height: 200px;
background: red;
}
.bg1{
border: 10px solid green;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div id="testid" class="bg"></div>
</body>
</html>
<script type="text/javascript">
let ele=document.getElementById('testid');
ele.classList.add('bg1');//添加类
ele.classList.remove('bg');//移除类
</script>