在javascript中是否有任何方法/方法可以动态地将子节点添加到列表元素中？

const listElement = document.createElement('ul');
const listItem = document.createElement('li');
listItem.textContent = '新的列表项';
listElement.appendChild(listItem);

const listElement = document.createElement('ul');
const listItem1 = document.createElement('li');
listItem1.textContent = '列表项1';
const listItem2 = document.createElement('li');
listItem2.textContent = '列表项2';
listElement.appendChild(listItem1);
listElement.insertBefore(listItem2, listItem1);

const listElement = document.createElement('ul');
const listItem = document.createElement('li');
listItem.textContent = '新的列表项';
listElement.insertAdjacentElement('beforeend', listItem);

const listElement = document.createElement('ul');
listElement.innerHTML = '<li>新的列表项</li>';