Question

所以，我试图用这个预定的十六进制代码在div中构建一个随机边框颜色，但是我遗漏了一些东西。

任何人都知道这样做的好方法吗？我在js中仍然非常业余，这里的代码似乎不适用于上下文。

 document.addEventListener('DOMContentLoaded', function() {
   var randomNumber = Math.floor(Math.random() * 4);
   var id = ['e789ad', '1cfeff', 'ffffff', 'ffffff', '363877',];

   console.log(randomNumber);

   document.querySelector("div.menu").style.borderColor =  "#" + id[randomNumber.lenght]+ ";";
});

Answer 1

document.querySelector("div.menu").style.borderColor =  "#" + id[randomNumber.lenght]+ ";";

应该是

document.querySelector("div.menu").style.borderColor =  "#" + id[randomNumber];

（注意没有.length而没有“;”）您可以直接在数组中添加＃

另外

var randomNumber = Math.floor(Math.random() * 4);
var id = ['e789ad', '1cfeff', 'ffffff', 'ffffff', '363877',];

只会生成0,1,2,3，需要更改为

var id = ['e789ad', '1cfeff', 'ffffff', 'ffffff', '363877',];
var randomNumber = Math.floor(Math.random() * id.length);

从数组中获取任何值。

数组

1 个答案: