JS 实现点击a标签的时候让其背景更换
更新时间：2013年10月15日 16:38:56 作者：
点击a标签的时候给其换背景的方法有很多，在本文将为大家介绍下js是如何实现的，感兴趣的朋友不要错过
复制代码 代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type=text/javascript src="alabel.js"></script>
<style type="text/css">
.curr{background:blue;display:inline;}
</style>
</head>
<body>
<div class="clMenu">
<span><a href="#">1</a></span>
</div>
</body>
</html>
在alabel.js中：
复制代码 代码如下:
window.onload = function ()
{
var aspan = document.getElementsByTagName("span");
var i = 0;
for (i = 0; i < aspan.length; i++)
{
aspan[i].onclick = function ()
{
for (i = 0; i < aspan.length; i++) aspan[i].className = "";
this.className = "curr";
};
}
};
这样就可以实现在点击a标签的时候给其添加红色的背景。
注意：curr的属性中display不能是block，否则添加的背景是一整行。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了javascript跑马灯抽奖特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
增加了对同一ID内的多个子容器中的tag(标签)分别做隔行处理。div+css布局下，也可以控制了2008-05-05
这篇文章主要为大家详细介绍了js实现省市区三级联动非select下拉框版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了JS实现动态移动层及拖动浮层关闭的方法,可实现动态拖动浮动窗口及关闭窗口的功能,非常具有实用价值,需要的朋友可以参考下2015-04-04
下面小编就为大家带来一篇再谈javascript常见错误及解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
indexOf在js中有着重要的作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,下面这篇文章主要给大家介绍了关于js中indexOf()简单使用的相关资料,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了TypeScript let与var的区别,主要从作用域等这几个方面做详细介绍，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
这篇文章主要为大家介绍了JS生态系统加速模块解析赋能性能优化探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2024-01-01
JavaScript JSON.stringify()的使用总结
JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。本文着重介绍JSON.stringify()的使用方法和注意事项。2021-05-05
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
这篇文章主要介绍了微信小程序导航栏滑动定位功能,可实现CSS3的positionsticky效果,涉及微信小程序事件监听、状态判断及属性动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
最新评论