思路
通过按钮来控制改变 Class 的值,按钮点击传值 changeClass(),响应 JS 获得 ID 为 changeClass 的 div,从而将 class=”OrignalClass” 改变为 class=”NewClass”。
JS 代码
<script type="text/javascript">
function changeClass(){
document.getElementById('changeClass').className='NewClass';
}
</script>
HTML 代码
点击按钮事件改变 Class 标签属性值
<div class="OrignalClass" id="changeClass"></div>
<input type="button" value="切换 Class 值" onclick="changeClass()">
加载页面自动改变 Class 标签属性值
<!DOCTYPE html>
<html onclick="changeClass()">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<div class="OrignalClass" id="changeClass"></div>
</body>
<script type="text/javascript">
function changeClass(){
document.getElementById('changeClass').className='NewClass';
}
</script>
</html>