【问题标题】：Java Script - Give certain array elements different colourJavascript - 为某些数组元素赋予不同的颜色
【发布时间】：2019-01-24 23:28:35
【问题描述】：

我正在尝试用 JS 做点什么，但按照惯例，数组被证明是我存在的祸根......

我必须遍历从 1 到 100 的数字并在 HTML 中打印它们，除以 3 的每个数字都应显示为红色，而所有其他数字应显示为黑色。我尝试了很多事情并试图找到如何去做但无法弄清楚。谁能告诉我正确的方法是什么？

【问题讨论】：

在帖子被不喜欢轰炸之前，您可以发布您的代码吗？
是关于颜色的问题吗？模数？两个都？都没有？
是的，抱歉，它应该是红色的，而不是文字。

标签： javascript html arrays replace styles

【解决方案1】：

您可以使用以下代码来获取您要查找的内容。

for (let i = 1; i < 101; i++) {
    if(i % 3 == 0) {
       console.log('THREE');
    } else {
       console.log(i)
    }

}

如果您需要将值写入文档，请将console.log 更改为document.write

【讨论】：

【解决方案2】：

将三个放在一些内联元素中并添加 css 规则以更改颜色。为了打印列表，Jack 解释了解决方案。（因为我能做到，所以做了不同的事情。）

const text = (new Array(100))
	.fill('')
	.map((_v, i) => (i % 3) === 0 ? `<b>THREE</b>` : i)
	.join('<br/>');

document.write(`<p>${text}</p>`)

b {
  color: red;
}

【讨论】：

【解决方案3】：

首先，将数字1 循环到100：

for (var i = 1; i <= 100; i++) {
    //Stuff will go here
}

然后，将数字i 写入 HTML：

document.write(i);

最后，添加if 语句：

if (i % 3) {
    document.write(i);
} else {
    document.write("THREE");
}

完整代码：

for (var i = 1; i <= 100; i++) {
  if (i % 3) {
    document.write(i + "<br>");
  } else {
    document.write("THREE<br>");
  }
}

编辑

以下是您将THREE 设为红色的方法：

for (var i = 1; i <= 100; i++) {
  if (i % 3) {
    document.write(i + "<br>");
  } else {
    document.write("<span style='color: red;'>THREE</span><br>");
  }
}

【讨论】：

感谢您的回答，Jack Bashford，然而，由于时间已晚，他分心了，问错了问题。我正在考虑第一个任务，即更改单词，我已经这样做了。我现在徘徊的是如何改变html中文字的颜色。
你想要什么颜色？例如，你想要蓝色代表数字，红色代表THREE？你能编辑你的问题吗？
只需将三个更改为红色，这样我就可以看到它是如何完成的，谢谢。我已经编辑了问题:)