JavaScript在for循环中附加HTML

在下面的代码片段中，我有一个for循环，希望在每次迭代中附加HTML代码，以使用ul标记中的列表。 如果我将+=替换为=运算符，它会工作，但显然只适用于最后一个元素。 如何将其正确附加到循环中

    var text = "the Text"
    var list
    for (var i = 1; i < split_respone.length; i+=2) {
      list += <li className="link-list-item">
            <a
            href={split_respone[i]}
            target="_blank"
            rel="noopener noreferrer"
            className="link-list-item-url">
            {split_respone[i+1]}</a>
            </li>
    }
    string = <ul className="link-list">{text}{list}</ul>;
  } 
  const message = self.createChatBotMessage(string);
});
}

var text=“文本”
变量表
对于（变量i=1；i

}
string=
{text}{list}
；
} 
const message=self.createChatBotMessage（字符串）；
});
}

必须将“list”设置为空字符串，它才能工作。此外，由于要组合字符串，因此需要用引号将HTML括起来。（您也可以使用``）

var text=“文本”
var list=“”；
对于（变量i=1；i{text}{list}；
} 
const message=self.createChatBotMessage（字符串）；
});

您必须将

列表

初始化为空字符串：

var list=”“。您还需要在模板字符串周围加上反勾号和
}
在末尾做什么？但现在我的列表是一个字符串，并在前端打印出来。我需要一个HTML对象，这样它就不会打印字符串，而是显示列表。对结果字符串的处理是另一个问题。您应该将其分配给DIV的
.innerHTML
。但现在我的列表是一个字符串，并在前端打印。我需要一个HTML对象，这样它就不会打印字符串，而是显示列表。@你能试着用“而不是”吗？我找到了解决方案。我将列表初始化为list=[]，并将+=运算符更改为list.push（不带“”或“”的html_代码）
    var text = "the Text"
    var list = "";
    for (var i = 1; i < split_respone.length; i+=2) {
      list += '<li className="link-list-item">
            <a
            href={split_respone[i]}
            target="_blank"
            rel="noopener noreferrer"
            className="link-list-item-url">
            {split_respone[i+1]}</a>
            </li>'
    }
    string = <ul className="link-list">{text}{list}</ul>;
  } 
  const message = self.createChatBotMessage(string);
});