const links = document.getElementsByTagName('a'); // 获取所有超链接元素
const colors = ['red', 'green', 'blue']; // 定义多个颜色值

for (let i = 0; i < links.length; i++) {
  const colorIndex = i % colors.length; // 计算当前超链接元素对应的颜色索引
  links[i].style.backgroundColor = colors[colorIndex]; // 设置背景颜色为对应颜色值
}

获取页面中所有的超链接元素，并将它们保存在一个名为links的变量中。然后定义了一个包含多个颜色值的数组colors。接下来，使用for循环遍历所有的超链接元素，并计算出当前超链接元素对应的颜色索引，即通过取余运算符（%）来循环使用多个颜色值。最后在每个超链接元素上设置backgroundColor属性为对应的颜色值。

在这个示例中，使用了三个颜色值：红色、绿色和蓝色。如要使用其他颜色值或增加颜色数量，只需修改colors数组即可。

颜色值

'#1abc9c', '#3498db', '#9b59b6','#f39c12','#ff9ff3','#b1d4e5','#b5c327','#ff000014'