如何使JavaScript颜色字母的字母表特定颜色

我正在寻找一种方法来使用javascript，HTML，CSS来获取英文字母表，并为网页或javascript dom输出的每个字母着色特定的颜色。

任何人都可以帮助我的任何帮助，我真的很感激。谢谢

下面是一个使用javascript的简单示例。

const container = document.getElementById("container");
const container2 = document.getElementById("container2");
const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
const colors = ['#FFAA00', '#DDAA00', '#FFFA00', '#FFAAAA', '#121212', '#F1D3A4', '#FAAA43', '#459878', '#234578', '#ADAEAF', ];
letters.forEach((letter) => {
  const elem = document.createElement('span');
  const r = Math.random() * 255;
  const g = Math.random() * 255;
  const b = Math.random() * 255;
  elem.innerText = letter;
  elem.style.color =  'rgb('+r+','+g+','+b+')';
  container.appendChild(elem);
});
letters.forEach((letter, index) => {
  const elem = document.createElement('span');
  elem.innerText = letter;
  elem.style.color = colors[index];
  container2.appendChild(elem);
});

body {
  font-size: 2em;
}

<div id="container"></div>
<div id="container2"></div>

相关内容

最新更新

热门标签：