js实现a标签点击过后改变背景颜色，html点击a标签变颜色

鼠标点击a标签,改变a标签的背景图片,js代码怎么写

新建一个html文件，命名为test.html。在test.html文件内，使用p标签创建一个区域，下面将在p标签内添加一个a标签。在test.html文件内，设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。

可以用样式中的hover伪类制作。例子：a：hover{} 代表鼠标经过的意思。

当按钮被点击时，执行editli（）函数。在js标签中，创建editli()函数，在函数内，使用getElementById（）方法通过id(mytest)获得li对象，给该li对象的innerHTML属性重新赋值，实现改变li标签的值。

/script你先在样式里写好li的背景，然后在写一个绿色的背景样式类，鼠标划过的时候先移除所有这个class在在这个划过的li上添加这个class，就可以了。

相关问答

Q1: jquery实现点击a标签后添加背景颜色

首先a{display：block；width：60px；height：40px；} 把每个导航超链接a标签都设置成块儿，设置好尺寸，具体根据图片的尺寸。

a链接点击变化背景，一般用于多条件筛选，例如省市区筛选等。因为a标签有href属性时，点击以后会出现跳转情况，所以javascript 和jquery写的效果是“没有”作用效果的。

其次，完成上述步骤后，在index.html的script标记中，输入下图红框中的jquery代码，如下图所示。接着，完成上述步骤后，浏览器运行index.html页面，显示出了其中1张背景图片，如下图所示。

用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，我有个数组a（3)我循环遍历输出a的值。

添加一个类，然后判断是否有该类，有则删除，没有则添加。如添加一个.blue类。

Q2: 怎么写能点击a标签这个a标签高亮(变色或者加粗之类的)。

新建一个html文件，命名为test.html。在test.html文件内，使用p标签创建一个区域，下面将在p标签内添加一个a标签。在test.html文件内，设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。

不过css有个hover能实现鼠标移动到a标签上展示其下内容。

//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute(href)；var myURL = docu...在web开发中会遇到这样一个问题：当你点击某一个导航时，就让他高亮显示，其他的默认。

通过CSS的a标签的伪类控制，代码如下锚伪类 在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

a：active{text-decoration：none；/* 指正在点的链接*/ } 把这些的颜色都设置一下便可以解决。

Q3: 用JS循环A标签在鼠标点击之后背景变颜色

1、设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

2、你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

3、index.html，编写问题基础代码。在index.html中的a标签，输入js代码中的style属性中输入：hover{color： #0a6aa1}。浏览器运行index.html页面，此时鼠标移动到div123上，123的颜色确实根据hover的定义而变化了。

关于js实现a标签点击过后改变背景颜色和html点击a标签变颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。