如何為鏈接分配隨機顏色？

Question

只是想知道為什么我的代碼無法正常工作。 我這樣做是完全錯誤的嗎？

window.onload = function random() {
    var links = document.getElementsByTagName('a');
    var colours = new Array("green","red","blue");
    var randomColour = colours[Math.floor(colours.length * Math.random())];
    for (a = 0; a < links.length; a++) {
        links[a].style.color = 'randomColour';
    }
}

Answer 1

'randomColor' -> randomColor 。
使用變量而不是帶引號的字符串。 另外，為確保每個鏈接獲得隨機顏色，請在循環中生成顏色：

for (var a = 0; a < links.length; a++) {
    var randomColour = colours[Math.floor(colours.length * Math.random())];
    links[a].style.color = randomColour;
}

為了最大程度地減少設置顏色和解析鏈接之間的延遲，請綁定DOMContentLoaded事件，或者將代碼粘貼到<body>的末尾：

http://jsfiddle.net/V6Chb/1/

<a>Test</a>
  ... 
<a>Test</a>
<script>
(function() { // <-- Anonymous function to not leak variables to the global scope
    var links = document.getElementsByTagName('a');
    var colours = ["green", "red", "blue"];
    for (var a = 0; a < links.length; a++) {
        var randomColour = colours[Math.floor(colours.length * Math.random())];
        links[a].style.color = randomColour;
    }
})();

如何為鏈接分配隨機顏色？

問題描述

1 個解決方案

解決方案1
1 已采納 2012-04-15 16:22:33

如何為鏈接分配隨機顏色？

問題描述

1 個解決方案

解決方案1 1 已采納 2012-04-15 16:22:33

解決方案1
1 已采納 2012-04-15 16:22:33