javascript - 为 H1 元素赋予随机颜色

Question

你能解释一下这段代码有什么问题吗？

var a = document.getElementById("id1").style.color;

a = "blue" 应该将带有 id1 的元素的文本颜色设置为蓝色

function randomColor() {
   var cArr = '1234567890ABCDEF'.split('');
   var c = "#";
   for (var i = 0; i < 6; i++) {
       c += cArr[Math.floor(Math.random() * 16)]
   }
   a = c;
   return c;
}
randomColor();

对我来说看起来不错，但肯定不是，因为它不起作用。你能解释一下我做错了什么吗？

Answer 1

您正在将 a 设置为原始值。因此，您无法指定颜色。

function randomColor() {
   var c = "#";
   for (var i = 0; i < 6; i++) {
       c += (Math.random() * 16 | 0).toString(16);
   } 
   return c;
}

var a = document.getElementById("id1").style;
a.color = randomColor();

<h1 id="id1">stackoverflow</h1>