连接点击后变色，点击另一个连接则现连接变色，前连接还原

最新推荐文章于 2025-04-15 11:47:40 发布

原创最新推荐文章于 2025-04-15 11:47:40 发布 · 204 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

本文提供了一个使用JavaScript实现网页中链接点击后高亮显示的例子。通过为所有<a>标签设置默认颜色，并在点击时改变颜色来达到视觉上的区分效果。

哥们开始也没有找到，结果测试个列子，成功了。大家以前分享下吧！

<head> 
<script type="text/javascript">
window.onload=function(){
	var oclick; 
	var obj=document.getElementsByTagName("a"); 
	for(var i=0;i<obj.length;i++){
		 obj[i].style.color="#000"; 
		 obj[i].onclick=function(){ 
			 if(oclick){
				 oclick.style.color="#000";
				 } this.style.color="#F00"; oclick=this; 
				 }; } };
</script>
 
<body> 
 
	<a  href= "# "  id="a" name ="a"> fason </a> 
	<a  href= "# "  id="a" name ="a"> fason </a> 
	<a  href= "# "  id="a" name ="a"> fason </a> 
	<a  href= "# "  id="a" name ="a"> fason </a> 
	<a  href= "# "  id="a" name ="a"> fason </a> 
 
</body>
</html>