您如何仅使用Javascript（无css）创建从黑到白的渐变？

有什么帮助吗？我是Javascript新手。这只是我在网上看到的一个有趣的问题，我很好奇可能的解决方案

---

谢谢

黑色是十六进制值#000000，白色是值#FFFFFF，为了方便起见，我们可以用十进制值表示为RGB（0,0,0）和RGB（255255）

然后，您可以使用多种方法在RG和B之间等量地改变颜色值，从而创建一系列灰度颜色

您可以在画布上执行此操作，甚至可以为每个像素使用div，或者如果CSS不是选项，您也可以使用图像。使用每像素divs是一种选择，但在我看来，这并不是一个很好的选择

伪代码：

for i = 0 to 255 {
    create div 1/255th of the height of the container and set its background colour to RGB(i,i,i)
}

这样做的问题是，您仍然必须使用CSS，因为没有CSS，就无法为DIV设置样式

---

完全不使用CSS的唯一可能方法是使用图像。如果您想使用图像动态创建渐变，您甚至可以为每个灰度颜色创建图像，并在img标记中使用这些图像。同样，你不能使用背景图像等，因为这也是CSS。

黑色是十六进制值#000000，白色是#FFFFFF，为了让事情更简单，我们可以用十进制值表示为RGB（0,0,0）和RGB（255255）

然后，您可以使用多种方法在RG和B之间等量地改变颜色值，从而创建一系列灰度颜色

您可以在画布上执行此操作，甚至可以为每个像素使用div，或者如果CSS不是选项，您也可以使用图像。使用每像素divs是一种选择，但在我看来，这并不是一个很好的选择

伪代码：

for i = 0 to 255 {
    create div 1/255th of the height of the container and set its background colour to RGB(i,i,i)
}

这样做的问题是，您仍然必须使用CSS，因为没有CSS，就无法为DIV设置样式

完全不使用CSS的唯一可能方法是使用图像。如果您想使用图像动态创建渐变，您甚至可以为每个灰度颜色创建图像，并在img标记中使用这些图像。同样，您将无法使用背景图像等，因为这也是CSS。

使用以下示例：

（）

或者用元素填充DOM：（从技术上讲，这是CSS）

一个使用以下内容的示例：

（）

---

或者用元素填充DOM：（从技术上讲，这是CSS）

现在让我们忘记效率，因为我已经放弃了CSS选项。所以对于每个像素的div方法，我想创建一个for循环来创建一个div，设置它的颜色并插入它将是一个很好的方法？现在让我们忘记效率，因为我已经放弃了css选项。所以对于每个像素的div方法，我想创建一个for循环来创建一个div，设置它的颜色并插入它将是一个好方法？SVG是一个选项吗？另外，你认为是CSS吗？SVG是一种选择吗？还有，你认为是CSS吗？