div类将颜色从颜色名称改为颜色#code

Question

我想使用颜色代码。 例如＃e06666而不是红色。

content.push('<p><div class="color red"></div>Whole Foods Market</p>');

我该怎么办？

Answer 1

在这个具体的例子中你应该使用：

content.push('<p><div class="color" style="color:#e06666"></div>Whole Foods Market</p>');

但是，定义CSS样式要好得多：

.custom-color {
    color: #e06666;
}

并为div标签设置一个类：

content.push('<p><div class="color custom-color"></div>Whole Foods Market</p>');

Answer 2

content.push('<p><div style="color = #e06666"></div>Whole Foods Market</p>');

Answer 3

由于这是一个类而不是颜色引用，您必须找到您的css文件，该文件将在您的页面上使用标记定义，或者您的页面上可能包含.red类的块。

在任何一个位置你都应该看到这样的东西。

.red{
    color:red;
}

替换颜色：红色; 有颜色的线条：＃e06666;

Answer 4

您可以使用window.getComputedStyle()获取rgb()值"red"关键字，将rgb()转换为十六进制，请参阅RGB到十六进制和十六进制到RGB 。

 //https://stackoverflow.com/a/5624139/ function componentToHex(c) { var hex = c.toString(16); return hex.length == 1 ? "0" + hex : hex; } function rgbToHex(r, g, b) { return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b); } var content = []; var div = document.createElement("div"); document.body.appendChild(div); div.style.color = "red"; content.push(`<p><div class="color ${rgbToHex.apply(null, window.getComputedStyle(div).color.match(/\\d+/g).map(Number))}"></div>Whole Foods Market</p>`); console.log(content);