Question

for (var i = 0; i < colors.length; i++) {
    str += "<span class='ecolor' style='background-color:'" + colors[i] + "' title='" + colors[i] + "'></span>";
}

写下style='background-color:'" + colors[i] + "'

的正确顺序

因此它使用背景颜色正确渲染。目前它没有工作`

Answer 1

 str += "<span class='ecolor' style='background-color:'" + colors[i] + "' title='" + colors[i] + "'></span>";

这会产生类似的东西：

<span class='ecolor' style='background-color:'red' title='red'></span>

请注意:和r之间的额外报价。

 str += "<span class='ecolor' style='background-color: " + colors[i] + "' title='" + colors[i] + "'></span>";

Answer 2

你的跨度没有任何东西，它是一个内联元素，所以会减少到零。没有内容或适当的造型。

你有任何造型吗？
什么是colors数组？

Answer 3

原因是因为跨度内没有输入来给它一个宽度：

你可以插入一个空格：

for (var i = 0; i < colors.length; i++) {
    str += "<span class='ecolor' style='background-color:'" + colors[i] + "' title='" + colors[i] + "'> &nbsp;</span>";
}

Answer 4

HY

代码看起来应该是

for (var i = 0; i < colors.length; i++) {
    str += "<span class=\"ecolor\" style=\"background-color:" + colors[i] + "\" title=\"" + colors[i] + "\"></span>";
}

Answer 5

您在冒号后关闭背景颜色：

不

str += "<span class='ecolor' style='background-color:'" + colors[i] +

但是

str += "<span class='ecolor' style='background-color:" + colors[i] +

什么是正确的写作方式

5 个答案: