Question

我应该连接一个HTML字符串（即"<div>HTML string</div>"），以便为Guider-JS组成dinamically描述。

我尝试使用 concat 方法执行此操作但不起作用。

var str = "<div><p>first test:</p><ul>";
    for(var i=0; i<list.length;i++){
        str+=("<li class='pointer' onclick=alert('hello')>" + list[i] + "</li>");
    }
    console.log("one " + str);

否则，如果我使用 + = 运算符效果很好。

var str = "<div><p>second test:</p><ul>";
    for(var i=0; i<list.length;i++){
        str.concat("<li class='pointer' onclick=alert('hello')>" + list[i] + "</li>");
    }
    console.log("two " + str);

我做了fiddle以便更好地解释这个案例。

对不起我的问题，也许是微不足道但我不明白为什么会发生这种情况

Answer 1

检查更新后的fiddle

制作

str  = str.concat("<li class='pointer' onclick=alert('hello')>" + list[i] + "</li>");

Answer 2

String#concat 返回带有连接值的新字符串，因此您希望将该结果分配给str：str = str.concat(...

请注意，如果您使用concat，则不再需要+：

str = str.concat("<li class='pointer' onclick=alert('hello')>", list[i], "</li>");
// -----------------------------------------------------------^^-------^^

Concat字符串动态Javascript

2 个答案: