javascript 没有字符串连接功能的连接无法正常工作

Question

我正在 javascript 中使用循环。我需要用 HTML 标签显示一些 JavaScript 变量。这是我的脚本。

for (var i = 0; i < result.length; i++) {
document.write("<p style='background:>XYZ</p>");
}

这里result变量用来存放不同的颜色代码数组(#FFFFFF,000000等)。现在我想显示结果值 document.write("<p style='background:result[i]>XYZ</p>"); 这里结果变量有一些颜色代码来正确显示背景样式，它会根据我的需要显示。

Answer 1

您正在寻找字符串连接：

document.write("<p style='background:" + temp + "'>XYZ</p>");

另请注意，我为您修复了结尾 ' 和 >，您将它们放在了错误的位置。

你根本不需要 temp，当然：

for (var i = 0; i < result.length; i++) {
    document.write("<p style='background:" + result[i] + "'>XYZ</p>");
}

实例：

var result = [
  'green', 'blue', 'yellow'
];
for (var i = 0; i < result.length; i++) {
    document.write("<p style='background:" + result[i] + "'>XYZ</p>");
}

我不清楚 XYZ 是文本还是表示 temp 变量。如果要表示 temp 变量，只需将其从上面删除即可。

旁注：document.write 是一种非常非常原始的机制，如果您在初始页面加载后使用它，您将清除该页面。查看 DOM instead, or (as you've tagged your question jquery), the various jQuery features like append.

Answer 2

在 JS 中，我们用 +:

连接字符串文字

document.write("<p style='background:"+ temp +"'>XYZ</p>");

javascript 没有字符串连接功能的连接无法正常工作

javascript concat without string concat function not working properly

javascript

concatenation