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

iteye_2555

于 2008-03-10 17:10:03 发布

阅读量496

点赞数

分类专栏： javascript 文章标签： JavaScript Java ViewUI

javascript 专栏收录该内容

39 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>