Javascript 在一行中创建一个带有TextNode的HTMLLI元素，并将它们放在UL元素上

此代码无法正常工作：

let ulElement = document.createElement('ul');
function create() {
    for (name of names) {
        ulElement.appendChild(document.createElement('li').appendChild(document.createTextNode(name)))
    }
    document.querySelector('#container').appendChild(ulElement)
}

这是生成的HTML代码：

<ul>
    "Diego"
    "Gabriel"
    "Lucas"
</ul>

我在这里的第一篇帖子，有点抱歉。=）

您可以使用

.map（）

和模板文本

people=[“迭戈”、“加布里埃尔”、“卢卡斯”]；
函数createList（名称）{
document.querySelector（'#container'）.innerHTML=`
${people.map（（name）=>`
我是${name}.
`）.join（'''}
`；
}
创建列表（人）
是的，就是这样！谢谢不像我想的那样，没有innerHTML，但是很有用。很乐意提供帮助，欢迎使用Stack Overflow！如果这个答案——或者任何其他答案——解决了你的问题，请考虑通过点击绿色复选标记将其标记为“被接受”。这有助于将注意力集中在仍然没有答案的老问题上。
function createLI() {
    for (name of names) {
        var li = document.createElement('li')
        var textNode = document.createTextNode(name)
        li.appendChild(textNode)
        ulElement.appendChild(li)
    }
    document.querySelector('#container').appendChild(ulElement)
}