Question

我想点击我网站上的不同字段（在字段正文中），<li>标记应该更改颜色。（随机颜色）。怎么做？

<body onclick="highlight()">

<ul list style type = "none">
  <li id = "l0">this is line one</li>
  <li id = "l1">this is line two</li>
  <li id = "l2">this is line three</li>
</ul>

<script>
function highlight(name,color) {
  var a = document.getElementById(name);
  a.style.color = color;
}

highlight("l0", "red");
highlight("l2", "blue");

</script>

</body>

Answer 1

您需要先从body元素的click事件开始

var body = document.getElementsByTagName('body')[0];
body.addEventListener('click', function(e) { highlight(); });

我创建了一个带有工作解决方案的jsfiddle。您应该能够修改它以满足您的确切需求。

Demo here

Answer 2

对于随机颜色：

var colors = [＆＃39; blue，＆＃39; red＆＃39;，＆＃39; green＆＃39;];

var colorNumberIndex = Math.floor（color.length * Math.random（）* 1）;

颜色[colorNumberIndex];

当我在体字段上单击鼠标时，那个li标签是如何改变颜色的？

2 个答案: