jsp或html中给选中的a标签改变颜色和背景色（用源生js）

最新推荐文章于 2022-03-19 17:36:54 发布
最新推荐文章于 2022-03-19 17:36:54 发布
阅读量2k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41447042/article/details/119394043
版权

我们直接看代码

 我是循环遍历的a标签 给每个a标签一个class属性

然后在js中进行设置

这里的if比较是比较目前页面的a标签的值和我们点击传递的serlvet是否是同一个。如果是就改变颜色

 我打印一下  在终端给看一下

 

 

好的！如果还有什么的话。可以评论或者私我。

我也是一个小白  刚刚开始接触。希望大家可以互相交流学习 

qq_41447042
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
点击A标签后当前a变色，其它的不变色
06-26
点击A标签后当前a变色，其它的不变色,让被点击的高亮显示
a标签更改颜色及去除下划线
weixin_46064349的博客
05-16 2154
/*包含以下五种的链接*/ a { text-decoration: none; } /*正常的未被访问过的链接*/ a:link { text-decoration: none; } /*已经访问过的链接*/ a:visited { text-decoration: none; } /*鼠标划过(停留)的链接*/ a:hover { text-decoration: none; } /* 正在点击的链接，鼠标在元素上按下还没有松开*/ a:active { text
怎么用js设置a标签点击链接改变当前颜色
weixin_30657541的博客
12-16 2181
怎么用js设置a标签点击链接改变当前颜色20 例如：多个a标签为白色，当点击其中一个a标签时改变那一个a标签的字体颜色为黄色，并且跳转到对应链接，当点击下一个a标签链接时，下一个为黄色，之前一个恢复成白色，我这样写的可以改变，但是当页面刷新的时候又变成白色了！<li><a id="a1" href="a.html" onclick="Chan...
【学习笔记】CSS伪类，a标签超链接实现点击后变色
kevin_g的博客
01-03 3656
一、html 代码如下 <a href="https://www.layui.com/" class="red" target="_blank">超链接1</a> <br> <a href="https://www.layui.com/" class="red" target="_blank">超链接2</a><br> <a href="https://www.layui.com/" class="red" target="_bl
JS 实现点击<a> 标签的时候给其换背景
weixin_30245867的博客
10-15 299
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type=text/javascript src="alabel.js"></script>...
移动端a标签点击背景变色
aydongzhiping的博客
10-23 2964
一、取消a标签在移动端点击时的蓝色 1 2 3 4 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;
a标签超链接实现点击后变色
vincewm的博客
03-01 8494
全局设置<style type="text/css"> a:link { color: yellow; /*未访问的链接颜色*/ } a:visited { color: red; /*已访问的链接颜色*/ } a:hover { color: blue; /*鼠标移动到链接的颜色*/ text-decoration: u...
给a标签设置颜色详解
Protinx的博客
12-05 2018
<a href="http://***" style="color:red;font-size=16px">链接文字</a>
a标签字体的颜色
琳琳的博客
03-19 1831
如果引用了链接后，字体颜色发生了改变，只需要加上样式即可 a { color: hotpink; } 注意增加字体颜色按照取色器的颜色增加，不要用肉眼来判断
源生js实现验证码功能
07-21
源生js实现验证码功能，附带源码，可以参考学习，
webProject:记录我在学习前端学习过程中做过的小demo，js部分全用源生js实现
05-03
6、平形四边形中英文切换菜单栏 7、鼠标滑过旋转显示二级菜单栏 8、页面滚动到一定高度显示悬浮菜单 9、回到顶部按钮--缓冲效果 10、水波按钮 11、幽灵按钮 12、CSS3实现按钮温柔闪光灯效果 其它 1、DOM实现鼠标滑过...
Js_demo:源生js轮播图demo
05-18
Js_demo 源生js轮播图demo
灵魂基础：仅使用HTML，CSS和JS的Soul Essential网站
02-19
灵魂基础：仅使用HTML，CSS和JS的Soul Essential网站
hifi器材网站，2018.1.1，源生js制作，123456
12-07
利用原生js和bootstrap制作的hifi器材网站，仅供个人参考
自动驾驶运动规划(Motion Planning).pdf
04-26
自动驾驶运动规划(Motion Planning)问题分析
财务数据分析模型6.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
人力资源数据分析看版.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
重庆大学2011-2012(2)数字电子技术II.pdf
最新发布
04-26
重庆大学期末考试试卷，重大期末考试试题，试题及答案
随波逐流CTF编码工具 V5.6 20240424.rar
04-26
由随波逐编写开发，CTF编码工具为用户提供丰富的离线加密解密功能，还可以对字符编码进行转换，文件隐写查看，用户可以根据自己的需求来使用功能，非常实用，能够提高大家的工作效率！
vue中源生video标签怎么监听esc退出全屏
05-31
在Vue中使用原生video标签，可以通过在Vue组件中使用`ref`属性来获取video元素的DOM对象，然后可以调用原生的addEventListener方法来监听`fullscreenchange`事件，从而在退出全屏时执行相应的逻辑，如下所示： ```html <template> <div> <video ref="videoPlayer" src="your-video-src"></video> </div> </template> <script> export default { mounted() { const videoPlayer = this.$refs.videoPlayer videoPlayer.addEventListener('fullscreenchange', this.handleExitFullScreen) }, methods: { handleExitFullScreen() { const isFullScreen = document.fullscreenElement !== null if (!isFullScreen) { // 执行退出全屏后的逻辑 } } } } </script> ``` 在`handleExitFullScreen`方法中，判断`document.fullscreenElement`是否为null来判断当前是否全屏，如果不是全屏则执行相应的逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值