使用Javascript一次向ul添加多个li [重复]

Question

这个问题在这里已经有了答案：

仅使用纯 JavaScript（无 jQuery）将元素添加到给定纯文本 HTML 的 DOM （5 个答案）

将 HTML 字符串附加到 DOM （10 个回答）

去年关闭。

场景：

我有一个 HTML 无序列表。

我有一个触发 AJAX 调用的按钮，该调用返回一个 HTML 字符串，该字符串是纯文本中的一堆<li>...</li>元素。

我想用 Javascript 将那一堆 li 元素添加到 ul 中。

我所知道的：

我知道我可以这样做：

newLi = document.createElement("li");
document.getElementById('#the_ul').appendChild(newLi);

但我不知道如何做类似的事情：

newBunchOfLis = createThemFromHTML('<li>hello</li><li>bye</li>');
document.getElementById('#the_ul').appendChild(newBunchOfLis);

问题：

你有什么建议？