js原生点击改变背景色，原生js设置css

js中怎么写点击按钮时变色,松开后恢复原来的颜色

在ue编辑器中新建一个空白的html文件，js文件。在ue编辑器中输入以下html代码。在ue编辑器中输入以下js代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。在浏览器中打开此html文件，可以看到最终想要点击按钮会变色，然后其他按钮恢复原来的颜色效果。

当光标在文本框内触发获取焦点事件，你可以写个css把文本框颜色变了 离开焦点把文本框的颜色再变回去。

点击按钮变红。再次点击按钮变黑。这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。

奇数行和偶数行分别用不同的样式，如奇数行样式为class=L1，偶数行样式为class=L2。设置鼠标滑过的样式，如MouseOver。

有两种方式，用css，伪类hover可以设置鼠标悬停的状态，更换背景即可实现鼠标移入移出的不同效果。js实现，使用事件onmouseover和onmouseout分别捕捉鼠标移入和移出，通过js改变元素的backgroung属性值，这样也可以实现你想要的效果。手机不方便打详细代码。

相关问答

Q1: js点击事件改变div背景图片怎么实现

flag=true；(div). click(function(){if(flag){$(div). css(background-color，yellow)flag=flase；} else{/*原来的颜色*/ (div). css(background-color，green)；}})这个虽然能实现，但是还是有点小问题的，可维护性比较差。

………div/*jq 代码 button click事件*/ if(！num){ num = 0；//初始化计数}$(.img).hide()；$(.img).eq(num).show()；num++；第二个是添加一个img，每次点击时候，更改img的src，即图片路径。

给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun()函数。在test.html文件内，在js标签内，创建myfun()函数，在函数内，使用getElementById()方法通过id获得div对象，设置对象中的backgroundImage背景属性为另一张图片，从而实现改变div的背景图片。就完成了，运行就可以了。

方法二：用Jquery，仍然是变换两个背景图片。(#project).toggle(function(){this.css(background，背景图路径‘）}，function(){this.css(background，变暗背景图路径‘）}}）方法二为点击DIV变换背景。呵，不太明白这样做的确切意图，如果是为了突出链接，只需用a伪类hover变换就行了。

Q2: 如何用js实现点击按钮改变表格中的一个单元格的背景颜色

1、document.getElememtById(colorType).value = red；} } /HTML 这是一种简单的方式实现。还有很多中解决方案，你可以再拓展一下。

2、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

3、/c：foreach javascript (function(){ (#tr0).css(background-color，green)；})；/javascript 所有的td值除以1000（可以使用fmt：fmtnumber 标签）。这个你自己已经知道了就不说了吧！思路还是取id=tr0的，遍历下面所有.值取出来，做个除法就好了。

Q3: jsp中js实现点击按钮更改背景图片代码怎么写?

1、/HTML 这是一种简单的方式实现。还有很多中解决方案，你可以再拓展一下。

2、这句只是让按钮背景换成图片，相当于背景色，而且效果不好。怎样把Button，submit按钮换成图片，而且在点击时相当于按钮的功能。是JSP哟。不是.net哈。有知道的朋友说说。谢谢了。

3、正确的方法是让图片元素的id是img1，然后 document.getElementById(img1).src = ..\images/DTJPG这样进行赋值。document.getElementById(img1)这一步的作用就是选择图片元素。

4、按钮名称为“改变li的值”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行editli（）函数。在js标签中，创建editli()函数，在函数内，使用getElementById（）方法通过id(mytest)获得li对象，给该li对象的innerHTML属性重新赋值，实现改变li标签的值。

Q4: js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前...

1、for (var i=0； igetEls.length； i++) { getEls[i].onclick=function() {for (var i=0； igetEls.length； i++){ getEls[i].className=；}this.className=asd1}//当某个元素被点击之后，之前的同类遍历把他们的样式去掉，给现在的这个添加样式。

2、li class=dh 导航5/li /ul /body /html 问题：1 id不能有多个。否则document.getElementById获取出来的只是第一个。2 不要根据颜色判断。你自定义标识。比如 state=0或1 或者active=true|false 通过setAttribute(key，value)；存到li身上。3 对于这种多元素点击事件。

3、hover是鼠标滑过时改变样式，要实现点击改变的话可以用js或者jQuery来实现；假设点击时的样式表为a；那么给li绑定个点击事件，当li被点击时移除其他li的a样式，给当前被点击的加上a样式。

4、下面是效果 原理就是循环出0，1，4，5，8，9，12，1。。

5、html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

js原生点击改变背景色的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于原生js设置css、js原生点击改变背景色的信息别忘了在本站进行查找喔。