js点击改变还原，js重置按钮实现展示页面最初

js点击改变文字颜色,再点击又变回原样

在ue编辑器中输入以下html代码。在ue编辑器中输入以下js代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

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

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

逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。

相关问答

Q1: 如何用js实现点击图片切换另一图片,再次点击恢复?

1、我参考下我这个代码： 效果是，按下鼠标显示jpg，松开时恢复显示jpg。

2、准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

3、idx]； // 测试 alert(this.src)； }；}； 上面代码只用了一个 img，点击更换地址。

Q2: 想用javascript实现点击一个元素,其背景变红,点击下一个,背景变红,其...

1、使用javascript方式将id为p2的元素颜色设置红色的步骤：使用元素对象.style.color=颜色值。语句来改变文本颜色。使用元素对象.style.backgroundColor=颜色值。语句来改变背景颜色。

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

3、使用li上的onclick事件 function td(obj){ jk()； obj.style.background = red；}function jk(){ //要用到obj的参数。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“改变li的值”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行editli（）函数。

js点击改变还原的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js重置按钮实现展示页面最初、js点击改变还原的信息别忘了在本站进行查找喔。