点击更改元素颜色

武器

我写了这个小脚本来更改单击时的类颜色,它可以工作,但是我会第二次单击以恢复原色。

function changeColor1() {
    document.getElementById("ip-custom").className = "red";
   
}


function init() {
    document.getElementById("ip-custom").onclick = changeColor1;

}

window.onload = init();
.red {
    color: #f00;
}
<button id="ip-custom">Example</button>

易卜拉欣汗

您可以red像下面这样切换类

function changeColor1() {
    document.getElementById("ip-custom").classList.toggle('red');   
}

完整片段

function changeColor1() {
    document.getElementById("ip-custom").classList.toggle('red');   
}


function init() {
    document.getElementById("ip-custom").onclick = changeColor1;

}

window.onload = init();
.red {
    color: #f00;
}
<button id="ip-custom">Example</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

点击更改元素位置

来自分类Dev

根据元素的内容更改元素的颜色

来自分类Dev

在元素之前更改元素的颜色

来自分类Dev

更改元素ID和点击行为

来自分类Dev

从colors.xml更改元素的颜色

来自分类Dev

如何使用UIBezierPath更改元素的颜色?

来自分类Dev

在GridView中更改元素OnItemClick的颜色

来自分类Dev

在悬停AngularJS上更改元素颜色

来自分类Dev

单击更改元素背景颜色

来自分类Dev

使用JavaScript更改元素onMouseOver的颜色

来自分类Dev

如何通过jQuery更改元素的颜色?

来自分类Dev

在悬停AngularJS上更改元素颜色

来自分类Dev

单击时更改元素的颜色

来自分类Dev

更改元素数量颜色

来自分类Dev

单击元素时如何更改元素的背景颜色?

来自分类Dev

单击元素时如何更改元素的背景颜色?

来自分类Dev

每次滚动时如何更改元素颜色

来自分类Dev

使用window.location.hash更改元素的背景颜色

来自分类Dev

如何使用angular.js更改元素的颜色

来自分类Dev

如何使用DOM更改元素的href颜色?

来自分类Dev

JavaScript更改元素颜色并使用LocalStorage存储

来自分类Dev

Javascript,使用if语句更改元素的单击颜色

来自分类Dev

更改元素上的颜色并立即变回来

来自分类Dev

悬停CSS时更改元素的背景颜色

来自分类Dev

使用下拉菜单更改元素的颜色

来自分类Dev

用于更改元素颜色属性的 Javascript 代码

来自分类Dev

无法在查看器中更改元素颜色

来自分类Dev

更改元素的尺寸

来自分类Dev

更改元素内容