Javascript 从一系列颜色向文本添加颜色_Javascript_Arrays

Javascript 从一系列颜色向文本添加颜色

javascript arrays

Javascript 从一系列颜色向文本添加颜色,javascript,arrays,Javascript,Arrays,我想为不同的文本添加不同的颜色。我想添加的颜色列表存储在一个数组中。我将如何使用该数组为文本指定颜色？请检查我写的代码。文本“海”应该是青色的。但产出并不像预期的那样变量颜色=['蓝色'，'青色'，'金色'，'灰色'，'绿色']；海您应该首先为所需元素提供一个id，然后通过js检索它并设置样式： window.onload=函数（）{ 变量颜色=[“蓝色”、“青色”、“金色”、“灰色”、“绿色”]， h=document.getElementById（'heading1'）； h、

我想为不同的文本添加不同的颜色。我想添加的颜色列表存储在一个数组中。我将如何使用该数组为文本指定颜色？请检查我写的代码。文本“海”应该是青色的。但产出并不像预期的那样


变量颜色=['蓝色'，'青色'，'金色'，'灰色'，'绿色']；
海

您应该首先为所需元素提供一个id，然后通过js检索它并设置样式：


window.onload=函数（）{
变量颜色=[“蓝色”、“青色”、“金色”、“灰色”、“绿色”]，
h=document.getElementById（'heading1'）；
h、 style.color=颜色[1]；
};     
海

您应该首先为所需元素提供一个id，然后通过js检索它并设置样式：


window.onload=函数（）{
变量颜色=[“蓝色”、“青色”、“金色”、“灰色”、“绿色”]，
h=document.getElementById（'heading1'）；
h、 style.color=颜色[1]；
};     
海

dNitro的解决方案有效。我不明白为什么需要在数组中存储颜色。如果要为不同的文本提供不同的颜色。常见的解决方案是在css中设计不同的颜色样式，并在元素中使用它。如下代码所示

  <!doctype html>
    <html>
    <style media="screen">
      .cyan
      {
        color: cyan;
      }
      .blue
      {
        color: blue;
      }
    </style>
    <body>    
      <h1 class="cyan">Hello, </h1>
      <h1 class="blue">World</h1>
    </body>
    </html>


.青色
{
颜色：青色；
}
蓝色
{
颜色：蓝色；
}
你好
世界

  <!doctype html>
    <html>
    <style media="screen">
      .cyan
      {
        color: cyan;
      }
      .blue
      {
        color: blue;
      }
    </style>
    <body>    
      <h1 class="cyan">Hello, </h1>
      <h1 class="blue">World</h1>
    </body>
    </html>


.青色
{
颜色：青色；
}
蓝色
{
颜色：蓝色；
}
你好
世界

谢谢dNitro！它确实有效。但是“document.getElementById（'heading'）和“h.style.color=colors[1]”这两个术语让我有点困惑。我是javascript的初学者。那么你能扩展一下这些术语吗？看看这个链接：，它碰巧还有一个改变颜色的例子。谢谢dNitro！它确实有效。但是“document.getElementById（'heading'）和“h.style.color=colors[1]”这两个术语让我有点困惑。我是javascript的初学者。那么你能扩展一下这些术语吗？看看这个链接：，它也有一个改变颜色的例子。谢谢Allen4Tech。是啊我熟悉您提到的分配颜色的标准实践。我只是想找出一种方法来循环使用某些颜色并生成它们的文本。：-）谢谢Allen4Tech。是啊我熟悉您提到的分配颜色的标准实践。我只是想找出一种方法来循环使用某些颜色并生成它们的文本。：-）