编程 Javascript

JS 实现点击a标签的时候让其背景更换

Posted in Javascript onOctober 15, 2013

<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，否则添加的背景是一整行。

JS 实现点击a标签的时候让其背景更换

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js读取配置文件自写

Feb 11 Javascript

java和javascript获取word文档的书签位置对比

Jun 19 Javascript

node.js下LDAP查询实例分享

Sep 30 Javascript

jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

Jan 22 Javascript

Web 开发中Ajax的Session 超时处理方法

Jan 19 Javascript

详解基于angular路由的requireJs按需加载js

Jan 20 Javascript

jQuery实现文章图片弹出放大效果

Apr 06 jQuery

Angular数据绑定机制原理

Apr 17 Javascript

json字符串传到前台input的方法

Aug 06 Javascript

vue后台管理之动态加载路由的方法

Aug 13 Javascript

浅谈react性能优化的方法

Sep 05 Javascript

vue 动态添加class,三个以上的条件做判断方式

Nov 02 Javascript

JS操作Cookies的小例子

Oct 15 #Javascript

如何在父窗口中得知window.open()出的子窗口关闭事件

Oct 15 #Javascript

JavaScript中prototype为对象添加属性的误区介绍

Oct 15 #Javascript

JS格式化数字保留两位小数点示例代码

Oct 15 #Javascript

js计算字符串长度包含的中文是utf8格式

Oct 15 #Javascript

Javascript中查找不以XX字符结尾的单词示例代码

Oct 15 #Javascript

通过js获取div的background-image属性

Oct 15 #Javascript

You might like

使用数据库保存session的方法

2006/10/09 PHP

第十二节--类的自动加载

2006/11/16 PHP

PHP array_flip() 删除重复数组元素专用函数

2010/05/16 PHP

让PHP更快的提供文件下载的代码

2012/06/13 PHP

PHP中header用法小结

2016/05/23 PHP

Linux下安装Memcached服务器和客户端与PHP使用示例

2019/04/15 PHP

广告显示判断

2006/08/31 Javascript

了解jQuery技巧来提高你的代码（个人觉得那个jquery的手册很不错）

2012/02/10 Javascript

JS取request值以及自动执行使用示例

2014/02/24 Javascript

如何正确使用javascript 来进行我们的程序开发

2014/06/23 Javascript

jquery datatable后台封装数据示例代码

2014/08/07 Javascript

推荐JavaScript实现继承的最佳方式

2014/11/11 Javascript

JS中处理时间之setUTCMinutes()方法的使用

2015/06/12 Javascript

JS实现兼容性好,带缓冲的动感网页右键菜单效果

2015/09/18 Javascript

javascript实现tab切换的两个实例

2015/11/05 Javascript

全面解析Bootstrap布局组件应用

2016/02/22 Javascript

AngularJS ng-table插件设置排序

2016/09/21 Javascript

jquery根据td给相同tr下其他td赋值的实现方法

2016/10/05 Javascript

初探nodeJS

2017/01/24 NodeJs

Angular移动端页面input无法输入的解决方法

2017/11/14 Javascript

javascript防抖函数debounce详解

2019/06/11 Javascript

JS工厂模式开发实践案例分析

2019/10/17 Javascript

Python使用新浪微博API发送微博的例子

2014/04/10 Python

Flask框架学习笔记（一）安装篇（windows安装与centos安装）

2014/06/25 Python

Python/ArcPy遍历指定目录中的MDB文件方法

2018/10/27 Python

python使用requests.session模拟登录

2019/08/09 Python

Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例

2020/02/11 Python

Python使用docx模块实现刷题功能代码

2020/02/13 Python

python实现TCP文件传输

2020/03/20 Python

用python获取txt文件中关键字的数量

2020/12/24 Python

Feelunique美国：欧洲大型的在线美妆零售电商

2018/11/04 全球购物

标准毕业生自荐信

2014/06/24 职场文书

施工单位工程部经理岗位职责

2015/04/09 职场文书

公司停电通知

2015/04/15 职场文书

在 Golang 中实现 Cache::remember 方法详解

2021/03/30 Python

使用Redis实现实时排行榜功能

2021/07/02 Redis