Javascript 每个标签的随机颜色

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>...&

我有这段javascript,我需要每个元素“title”都用不同的随机颜色着色。我只完成了第一个着色。有可能吗?谢谢

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

像这样使用。没有类名

  • 使用。它将选择元素
  • 然后使用
  • 您在dom中缺少添加颜色的
    #
  • 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;
    }