如何使用Javascript将多个HTML元素嵌套在一个元素下？

<div id="parentElement"></div>

// 获取父元素
const parentElement = document.getElementById('parentElement');

// 创建子元素
const childElement1 = document.createElement('div');
childElement1.textContent = '子元素1';

const childElement2 = document.createElement('div');
childElement2.textContent = '子元素2';

const childElement3 = document.createElement('div');
childElement3.textContent = '子元素3';

// 将子元素添加到父元素
parentElement.appendChild(childElement1);
parentElement.appendChild(childElement2);
parentElement.appendChild(childElement3);

// 获取父元素
const parentElement = document.getElementById('parentElement');

// 创建一个DocumentFragment
const fragment = document.createDocumentFragment();

// 创建多个子元素并添加到DocumentFragment
for (let i = 0; i < 10; i++) {
    const childElement = document.createElement('div');
    childElement.textContent = `子元素${i + 1}`;
    fragment.appendChild(childElement);
}

// 将DocumentFragment一次性添加到父元素
parentElement.appendChild(fragment);

// 获取父元素
const parentElement = document.getElementById('parentElement');

// 使用innerHTML一次性添加多个子元素
parentElement.innerHTML = `
    <div>子元素1</div>
    <div>子元素2</div>
    <div>子元素3</div>
`;