连接字符串动态Javascript

Concat string dynamically Javascript

本文关键字：Javascript 动态 字符串 连接      更新时间：2023-09-26

我应该连接一个HTML字符串(即"<div>HTML string</div>")来动态地组成guide - js的描述。

我尝试使用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);

为了更好地解释这个情况，我做了一些整理。

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

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

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

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

查看更新后的提琴

让它

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

相关文章：