JavaScript 改变 Class 标签属性值

思路

通过按钮来控制改变 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>

给TA打赏
共{{data.count}}人
人已打赏
技术教程

JS 根据页面像素响应事件之修改 Class 属性值

2022-11-16 17:23:09

技术教程

前端用户界面屏幕与浏览器像素尺寸界定

2022-11-16 17:24:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索