javascript控制数字下划线样式（这只是一个例子）

HTML元素交互示例

最新推荐文章于 2024-07-17 11:24:48 发布

最新推荐文章于 2024-07-17 11:24:48 发布 · 507 阅读

文章标签：

#JavaScript #Java #ViewUI

javascript 专栏收录该内容

39 篇文章

订阅专栏

本文展示了一个简单的HTML页面，其中包含两个可点击的数字链接。通过JavaScript实现了点击效果，使得被选中的链接颜色变为蓝色并加粗显示。该示例有助于理解如何使用JavaScript操作HTML元素样式。

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
	</head>
	<body>
		<a id="choose1" name="choose" style="cursor:hand;color:black;border-bottom:1px solid black;" onclick="choosePlay('choose1')">1</a>
		<a id="choose2" name="choose" style="cursor:hand;color:black;border-bottom:1px solid black;" onclick="choosePlay('choose2')">2</a>

		<script type="text/javascript">
			function choosePlay(id){
				var chooseSS=document.getElementsByName("choose");
				for(var i=0;i<chooseSS.length;i++){
					chooseSS[i].style.cssText="cursor:hand;color:black;border-bottom:1px solid black;";
				}
				var choose=document.getElementById(id);
				choose.style.cssText="cursor:hand;color:blue;font-weight:bolder;";
			}

		</script>
	</body>
</html>