Javascript 每个标签的随机颜色
我有这段javascript,我需要每个元素“title”都用不同的随机颜色着色。我只完成了第一个着色。有可能吗?谢谢Javascript 每个标签的随机颜色,javascript,html,Javascript,Html,我有这段javascript,我需要每个元素“title”都用不同的随机颜色着色。我只完成了第一个着色。有可能吗?谢谢 var randomColor = Math.floor(Math.random()*16777215).toString(16); document.getElementById('title').style.color = randomColor; <div id="title"><a>TEXT1</a></div>...&
var randomColor = Math.floor(Math.random()*16777215).toString(16);
document.getElementById('title').style.color = randomColor;
<div id="title"><a>TEXT1</a></div>...<div id="title"><a>TEXT2</a></div>...
var randomColor=Math.floor(Math.random()*16777215).toString(16);
document.getElementById('title').style.color=randomColor;
文本1…文本2。。。
正如我已经评论过的,您不能使用重复的ID,更喜欢使用类
,并相应地修改代码
var getElm=document.getElementsByClassName('title');
for(var i=0,l=getElm.length;i
TEXT1
TEXT2
只需调用changeColor()函数
$(函数(){
变色();
});
函数changeColor(){
var段落=document.getElementsByTagName(“p”);
对于(变量i=0;i
abcdefthuild
abcdefthuild
abcdefthuild
abcdefthuild
abcdefthuild
像这样使用。没有类名
#
document.querySelectorAll(“div[id='title']”).forEach(函数(a){
var randomColor=Math.floor(Math.random()*16777215).toString(16);
a、 style.color='#'+randomColor;
})
TEXT1
文本2
文本2
文本2
文本2
TEXT2…
HTML
<div class="title"><a>TEXT1</a></div>...
<div class="title"><a>TEXT2</a></div>...
有可能吗?-对顺便说一句,您不能使用缺少的重复id
。在dom中添加'.\'+randomColor
。
是的,只需将id更改为类即可。生成一个6位的十六进制随机数。将数字指定为颜色,并在数字之前添加#
,然后将其指定为CSS属性。同样清楚的是生成3个介于0-255之间的数字并指定为rgb值。令您失望的是,我发现您的问题已经得到了很好的回答。出于好奇,如何添加代码片段?你必须记住出现的标签吗?或者在某个地方有一个按钮可以插入它吗?我找了一个按钮,但没找到。@Webeng谢谢。您可以参考,它被称为堆栈片段。。您可以通过单击文件图标将其包含在答案中,该图标中有微小的
。如果你还不明白,请告诉我。他说他希望每个标题都有不同的颜色,对吗?你还没有回答that@SethMcClaine你检查结果了吗?我想你没有我在假设“不同”
var elements = document.getElementsByClassName('title');
var usedColors = {};
var getRandomColor = function() {
var randomColor = Math.floor(Math.random()*16777215).toString(16);
while(usedColors[randomColor] === 1) {
randomColor = Math.floor(Math.random()*16777215).toString(16);
}
usedColors[randomColor] = 1;
return randomColor;
};
for (var i = 0; i < elements.length; i++ ) {
var randomColor = getRandomColor();
elements[i].style.color = "#"+randomColor;
}