DOM ul元素，如何创建它

Question

我在index.html:有这个元素

<div id="app"></div>

如何编写查询以获取该DOM元素？并创建一个新的UL元素并将其附加到前面提到的<div>元素？

像这里：

function displayUsers(users) {
// ??????????
};

我在index.html:上有这个元素

<div id="app"></div>

如何编写查询以获取该DOM元素？并创建一个新的UL元素并将其附加到前面提到的<div>元素？

像这里：

function displayUsers(users) {
// ??????????
};

我在index.html:上有这个元素

<div id="app"></div>

如何编写查询以获取该DOM元素？并创建一个新的UL元素并将其附加到前面提到的<div>元素？

像这里：

function displayUsers(users) {
// ??????????
};

我在index.html:上有这个元素

<div id="app"></div>

如何编写查询以获取该DOM元素？并创建一个新的UL元素并将其附加到前面提到的<div>元素？

像这里：

function displayUsers(users) {
// ??????????
};

Answer 1

const ul = document.createElement('ul')
const li = document.createElement('li')
const textNode = document.createTextNode('some text')
li.appendChild(textNode)
ul.appendChild(li)
document.getElementById('app').appendChild(ul)

这里有一个例子https://www.w3schools.com/jsref/met_node_appendchild.asp