Question

我有10个按钮，当点击其中一个按钮时，按钮应该将自己的背景颜色更改为＃B2DD28。 - 怎么做？

<button type="button" onClick="">time:</button>
<button type="button" onClick="">length:</button>
<button type="button" onClick="">position:</button>

- 这可以在javascript中使用吗？

Answer 1

你可以在这个按钮里面使用itsef ..

<button type="button" onClick="this.style.background = 'red'">time:</button>

Answer 2

这样做的一种方法是创建一个css样式类

.myColor {background-color：＃B2DD28; }

并在每个按钮的点击事件上添加此类。像

这样的东西

$（本）.addClass（myColor）

Answer 3

请看一下这个样本，我用纯Javascript而不是Jquery编写。

＆＃13;

<button type="button" onClick="changeColor(this)">time:</button>
<button type="button" onClick="changeDynamicColor(this, 'blue')">length:</button>
<button type="button" onClick="changeDynamicColor(this, 'green')">position:</button>


<script>

function changeColor(e){

	e.style.backgroundColor = "#B2DD28";
  
}

function changeDynamicColor(e, color){

	e.style.backgroundColor = color;
  
}


</script>

＆＃13;

Answer 4

Here's一个相对简单的事件不可知和自我意识的替代方法，如果你这么倾向......最好使用JavaScript提供的正确的事件处理程序注册模型（{ {3}}）或像JQuery这样的框架。：）

function derp() {
  document.activeElement.style.backgroundColor = '#B2DD28';
}

<button type="button" onclick="derp()">time:</button>
<button type="button" onclick="derp()">length:</button>
<button type="button" onclick="derp()">position:</button>

只需点击上方的“运行代码段”，然后点击按钮即可看到它们变为#B2DD28绿色阴影。：）

按钮：Onclick更改自己的bgcolor

4 个答案: