Javascript 如何在组合中创建代码？

我有8个标签。。当我输入名称时，我希望每li标记为绿色。但我无法创建组合。。例如，当我输入我的名字时，一个li标记将为绿色。。如何创建组合

    <style>
    .color {
        background: green;
    }

    ul {
        list-style: none;
   }

    li{

        width: 100px;
        height: 100px;
        background: gray;
    }
    </style>

    <div id="goster">
    <ul>
   <li id="item"></li>
      <li id="item"></li>
      <li id="item"></li>
      <li id="item"></li>
      <li id="item"></li>
      <li id="item"></li>
      <li id="item"></li>
      <li id="item"></li>

    </ul>

  </div>

  <script>


        var name = prompt("Enter your name:", ""),
        li = 8,
        item="";
        while(++i < li){
            var item=document.getElementsByTagName("li")[i].setAttribute("class", "color");
            document.getElementById("goster").innerHTML=name[item];
        }

  </script>

.颜色{
背景：绿色；
}
保险商实验室{
列表样式：无；
}
李{
宽度：100px；
高度：100px；
背景：灰色；
}










var name=prompt（“输入您的姓名：”，“”），
li=8，
项目=”；
而（++i

---

只是我需要它，或者你能给我一些提示。。我试过了，但没用。。颜色应按“输入名称”为“随机”

这是你真正想做的吗

for (var i = 0;i< li;i++){
        var item=document.getElementsByTagName("li")[i].setAttribute("class", "color")
 document.getElementById("goster").children[0].children[i].textContent=name[item];
}

（变量i=0；i{ var item=document.getElementsByTagName（“li”）[i].setAttribute（“类”、“颜色”） document.getElementById（“goster”）.children[0]。children[i]。textContent=name[item]； }

---

这是你真正想做的吗

for (var i = 0;i< li;i++){
        var item=document.getElementsByTagName("li")[i].setAttribute("class", "color")
 document.getElementById("goster").children[0].children[i].textContent=name[item];
}

（变量i=0；i{ var item=document.getElementsByTagName（“li”）[i].setAttribute（“类”、“颜色”） document.getElementById（“goster”）.children[0]。children[i]。textContent=name[item]； }

---

不清楚您实际上在寻找什么

是否要在提示后将.color类添加到每个li

var name=prompt（“输入您的姓名：”，“”）；
var items=document.getElementsByTagName（“li”）；
for（设i=0；i

.color{
背景：绿色；
}
保险商实验室{
列表样式：无；
}
李{
宽度：100px；
高度：100px；
背景：灰色；
}

不清楚您实际上在寻找什么

是否要在提示后将.color类添加到每个li

var name=prompt（“输入您的姓名：”，“”）；
var items=document.getElementsByTagName（“li”）；
for（设i=0；i

.color{
背景：绿色；
}
保险商实验室{
列表样式：无；
}
李{
宽度：100px；
高度：100px；
背景：灰色；
}

避免使用

innerHTML

属性，因为它会触发重新分析，我建议改用

textContent

。请注意，通过设置

的内容，您将删除

及其所有

子元素，因为这些子元素是

goster

的子元素，并且决不能对多个元素使用相同的

id

。同一页上的元素必须是唯一的。那么兄弟，我如何才能创建清晰的元素呢（“元素在同一页上必须是唯一的。”更正：ID在同一页上必须是唯一的。--请改用class

.item{background:green；}
避免使用
innerHTML
属性，因为它会触发重新分析，我建议使用
textContent
。请注意，通过设置
的内容，您将删除
及其所有
子项，因为它们是
goster
的子项，并且永远不要使用相同的
id
>对于多个元素。元素在同一页上必须是唯一的。那么bro我如何才能清晰地创建？：（“元素在同一页上必须是唯一的。”更正：ID在同一页上必须是唯一的。--请改用类
.item{background:green；}
no bro..我想在标签ID中添加每一个标签..例如，我输入了一个名称，一个li标签将是绿色的，稍后我输入了另一个名称，另一个li将是绿色的..这就是我的意思..no bro..我想在标签ID中添加每一个标签..例如，我输入了一个名称，一个li标签将是绿色的，稍后我输入了另一个名称，另一个li将是绿色的我的意思是…几乎是真的，但它给出了错误..所有标记都是绿色..我只希望有一个标记是绿色的..你希望它是绿色的是你在提示窗口中输入它的名称的那一个吗？几乎是真的，但它给出了错误..所有标记都是绿色的..我只希望有一个标记是绿色的..你希望它是绿色的是你输入的那一个吗提示窗口中有谁的名字？