Question

例如，我有一个像这样的标签云，

<div class="tagcloud"> 
<a href="#" class="tag-link-79">tag1</a> 
<a href="#" class="tag-link-78">tag2</a> 
<a href="#" class="tag-link-35">tag3</a> 
<a href="#" class="tag-link-32">tag4</a> 
<a href="#" class="tag-link-29">tag5</a> 
<a href="#" class="tag-link-30">tag6</a> 
<a href="#" class="tag-link-34">tag7</a> 
<a href="#" class="tag-link-31">tag8</a> 
<a href="#" class="tag-link-33">tag9</a> 
</div>

每个都有不同的/随机的类，并以随机颜色（它的背景）显示，但所有颜色都是默认选择。

是的我知道纯css，任何解决方案都不可能吗？

Answer 1

背景的随机颜色：

var tags = [].slice.call(document.querySelector('.tagcloud')
                         .getElementsByTagName('a'));

tags.forEach(function(el) {
  el.style.backgroundColor = randomColor();
});

function randomColor() {
    return  '#' + (0x1000000 + (Math.random()) * 0xffffff).toString(16).substr(1, 6);
}

JSFiddle示例：

<强> http://jsfiddle.net/dL0hb3ar/

在标签云中构建彩色标签？

1 个答案: