编程 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 相关文章推荐

javascript 关闭IE6、IE7

Jun 01 Javascript

jQuery的学习步骤

Feb 23 Javascript

JavaScript 判断用户输入的邮箱及手机格式是否正确

Dec 08 Javascript

在jquery boxy中添加百度地图坐标拾取注意流程

Apr 03 Javascript

JavaScript中常见的字符串操作函数及用法汇总

May 04 Javascript

HTML5实现留言和回复页面样式

Jul 22 Javascript

JavaScript对象参数的引用传递

Jan 14 Javascript

基于jQuery实现仿微博发布框字数提示

Jul 27 Javascript

js实现各种复制到剪贴板的方法(分享)

Oct 27 Javascript

详解handlebars+require基本使用方法

Dec 21 Javascript

浅谈react+es6+webpack的基础配置

Aug 09 Javascript

vue 做移动端微信公众号采坑经验记录

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

php反弹shell实现代码

2009/04/22 PHP

discuz程序的PHP加密函数原理分析

2011/08/05 PHP

PHP运行模式的深入理解

2013/06/03 PHP

ThinkPHP的I方法使用详解

2014/06/18 PHP

详解PHP变量传值赋值和引用赋值变量销毁

2019/03/23 PHP

纯文字版返回顶端的js代码

2013/08/01 Javascript

javascript调试过程中找不到哪里出错的可能原因

2013/12/16 Javascript

js实现tab切换效果实例

2015/09/16 Javascript

jQuery实现的可编辑表格完整实例

2016/06/20 Javascript

BootStrap+Angularjs+NgDialog实现模式对话框

2016/08/24 Javascript

JS高阶函数原理与用法实例分析

2019/01/15 Javascript

微信小程序websocket实现即时聊天功能

2019/05/21 Javascript

JS实现查找数组中对象的属性值是否存在示例

2019/05/24 Javascript

bootstrap table实现iview固定列的效果实例代码详解

2019/09/30 Javascript

Javascript操作select控件代码实例

2020/02/14 Javascript

[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片

2015/02/07 DOTA

[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局

2016/03/03 DOTA

介绍Python的Django框架中的QuerySets

2015/04/20 Python

python通过imaplib模块读取gmail里邮件的方法

2015/05/08 Python

Python实现批量下载图片的方法

2015/07/08 Python

Ubuntu下使用Python实现游戏制作中的切分图片功能

2018/03/30 Python

python 以16进制打印输出的方法

2018/07/09 Python

在matplotlib的图中设置中文标签的方法

2018/12/13 Python

Python中的heapq模块源码详析

2019/01/08 Python

手把手教你Python yLab的绘制折线图的画法

2019/10/23 Python

Django项目基础配置和基本使用过程解析

2019/11/25 Python

Python Selenium参数配置方法解析

2020/01/19 Python

Python可以实现栈的结构吗

2020/05/27 Python

无惧面试,带你搞懂python 装饰器

2020/08/17 Python

The North Face北面荷兰官网：美国著名户外品牌

2019/10/16 全球购物

英国性能汽车零件和发动机配件在线：Maxpeedingrods

2019/11/05 全球购物

新闻专业应届生求职信

2013/10/31 职场文书

自我鉴定四大框架

2014/01/17 职场文书

小学生节约用水倡议书

2014/05/15 职场文书

新生入学欢迎词

2015/01/26 职场文书

寒假社会实践个人总结

2015/03/06 职场文书