html5单击修改背景色,js实现点击ul/li等改变背景颜色

今天项目遇到了标题所说的问题，找到一篇很高效的例子，值得学习。

Change.html

body li{

list-style-type: none;

}

文字文字文字

function g(x)

{

d=document.getElementsByTagName('li')

for(p=d.length;p--;){

if(d[p].id!=x){d[p].style.backgroundColor='#FFFFFF'/*其他*/}

else{d[p].style.backgroundColor='#D2D2D2'/*点击的*/}

}

一个简单的for循环就解决了我写了一大堆的问题！

声明：本例子是在网上找到的一个例子，如有侵权请与我联系邮箱：1783096984@qq.com

js：for循环ul/li，获取当前被点击元素的id，以及给其他li设置属性

js:for循环ul/li,获取当前被点击元素的id,以及给其他li设置属性

iOS 创建多个button实现点击改变背景颜色

工程中需要实现与UISegmentedControl效果相似的一排一共十个button,如下图.但是SegmentedControl修改不太方便,就用button替代, 循环创建十个button,点击 ...

[JS9] document&&num;39&semi;s bgColor改变背景颜色

设置背景颜色

OpenGL的glClearColor和glClear改变背景颜色

OpenGL的glClearColor和glClear改变背景颜色结合以下两个函数void glClearColor(GLclampf red, GLclampf green, GLclamp ...

JS和jQuery中ul li遍历获取对应的下角标

首先先看代码: html代码部分:

1111111
2 ...
vue中遇到的一个点击展开或收起并且改变背景颜色的问题。

docker容器中安装vi命令

在使用docker容器时,有时候里边没有安装vim,敲vim命令时提示说:vim: command not found,这个时候就需要安装vim,可是当你敲apt-get install vim命令时 ...

yii2 页面渲染方法解析

render渲染.renderPartial渲染部分.renderContent.renderAjax.renderFile ① render显示view和layout ② renderPartial ...

html5单击修改背景色,js实现点击ul/li等改变背景颜色相关推荐

Html table 页实现点击选中tr行改变背景颜色
Html table 页实现点击选中tr行改变背景颜色 table 表格展示数据时没有选中的效果,如果对展示数据做了一些操作会导致不太容易分辨,所以选中效果就很重要,而这个事件需要作用于整个 ...
vue项目使用svg渲染地图并添加点击事件，动态改变背景颜色
需求: ui给了一张地图的svg,需要前端渲染出来并添加对应的点击事件,选中区域,背景颜色需要改变实现思路: 1.拿到需要渲染的 svg图片,把其中path的值赋值过来,所有数据一起组成一个新的js ...
html5单击修改背景色,用获取节点的方式实现点击按钮改变标签背景颜色的问题...
跟着视频敲的,视频里的能实现,我的不行,有onclick事件,但是背景色不变html> 点击设置p标签背景色 div { width: 200px; height: 400px; border: ...
Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...
<Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果> 实现的组件交互目的很简单,就是要达到类似tab选项卡的导航栏一样,当用户点击了连续并排的若 ...
修改intellij（idea）中mybatis对应的xml背景颜色
修改intellij(idea)中mybatis对应的xml背景颜色转载于:https://www.cnblogs.com/hfultrastrong/p/9983961.html
点击按钮随机更换页面背景颜色
点击按钮随机更换页面背景颜色先准备一个按钮就像如图所示的那样然后获取到刚刚的按钮并为按钮绑定点击事件. 并且弹出警告框来证明获取并绑定成功按钮. 效果展示: 点击按钮即可弹出警告框. 在点击事件 ...
html中的div怎么隐藏显示出来,js实现元素div/ul li的显示与隐藏
在网页设计过程中,某些时候需要隐藏一些元素(div/ul li),某些时候又需要显示一些隐藏的元素.例如一打开网页显示一段网站公告,过一小段时间后把公告隐藏起来.对于这类元素显示隐藏的操作,应该如何实 ...
java 点击改变_java 单击按钮改变背景颜色
怎样实现单击按钮改变成相应颜色!importjava.awt.*;importjava.awt.event.*;publicclassButtonColorimplementsActionListen ...
点击echarts柱状图动态改变数据项颜色样式
首先附上参考文章连接:https://blog.csdn.net/weixin_42870683/article/details/103528254添加链接描述今天来实现点击echarts柱状图,动 ...

html5单击修改背景色,js实现点击ul/li等改变背景颜色

html5单击修改背景色,js实现点击ul/li等改变背景颜色相关推荐

最新文章

热门文章