JS控制ID和类

最新推荐文章于 2024-05-30 11:27:58 发布

刚好遇见小侯

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量303

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_61238657/article/details/122479053

版权

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>js控制id和类</title>

	<style type="text/css" >
		#leo{width: 500px;height: 500px;border: 2px orange solid;}
		#abc{width: 100px;height: 100px;border: 5px red solid;}
		#abcd{width: 10px;height: 10px;border: 3px blue solid;}
		.hou{background: black;}
	</style>
	<script type="text/javascript" >
		window.onload=function(){
			var	long=document.getElementById("leo");
				// 修改id
			long.id="abc";
			   // 通过点击事件修改id
			long.onclick=function(){
				long.id="abcd";
			};

			console.log(long.className);
			   // 修改类
			long.className='hou';
               // 通过事件修改（增加）类
			long.onclick=function(){
				long.className+=" kkk";
			};
        };
        
	</script>
</head>
<body>
	<div id='leo' class="hua"></div>

	
</body>
</html>

优惠劵

刚好遇见小侯

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS控制ID和类

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>逐渐显示文字内容</title> <style type="text/css" > #leo{width: 500px;height: 500.
复制链接

扫一扫