Question

实施例

<div class="change">CLICK ME</div>

示例1.2：

if: div.change = clicked. font-style:color:black; true:

我基本上希望文本在按下时改变颜色。如果能够，你能添加清单吗？像这样：

按下文本后，将从此列表中随机选择颜色：黑，蓝，红，＃1d23f4;，橙，＃123123;

Answer 1

您需要使用JavaScript。我将课程改为id，添加了一个onclick。我将所有颜色添加到一个数组中，每次单击该按钮时，它都会得到一个与数组一样长的随机数。然后它通过id找到div，并改变颜色。

<div onclick="clickMe()" id="change">CLICK ME</div>


<script>
	var colorArray = ["black","blue","red","#1d23f4","orange","#123123"]
		function clickMe() {
		 var randomNumber = Math.floor((Math.random() * colorArray.length))
		 document.getElementById('change').style.color = colorArray[randomNumber];
	}
  </script>

我对@sebasaenz的回答的好处是你不需要加载jQuery，甚至不需要加载单独的javascript文件。并不是说这是一个更好的答案，只是更容易。

Answer 2

尝试使用类似的东西：

$(document).ready(function(){

   var arr = ["black","blue","red","#1d23f4","orange","#123123"];

   $(".change").click(function(){

      var random = arr[Math.floor(Math.random() * arr.length)];

      $(this).css("background-color", random);

   });

});

我强烈建议您查看jQuery文档，使用其API处理点击事件非常容易。

jQuery API

单击时如何更改基本文本颜色

2 个答案: