Javascript 当我在身体区域单击鼠标时，li标签是如何改变颜色的？_Javascript_Html

Javascript 当我在身体区域单击鼠标时，li标签是如何改变颜色的？

javascript html

Javascript 当我在身体区域单击鼠标时，li标签是如何改变颜色的？,javascript,html,Javascript,Html,我想在我的网站上点击不同的字段在字段正文和标签应该改变他们的颜色。随机颜色。怎么做 <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 t

我想在我的网站上点击不同的字段在字段正文和标签应该改变他们的颜色。随机颜色。怎么做

<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>

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

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

我已经创建了一个带有有效解决方案的JSFIDLE。您应该能够修改它以满足您的确切需要

对于您的随机颜色：

var colors=[“蓝色”、“红色”、“绿色”]

var colorNumberIndex=Math.floorcolor.length*Math.random*1

颜色[颜色编号索引]

请看，在li上单击一下调用您的颜色更改功能。请帮助我。怎么做？我想用Math.random获得随机颜色。