如何在Javascript中生成多个新的HTML标记

// 创建一个新的div元素
function createDiv(content) {
    let newDiv = document.createElement('div'); // 创建div元素
    newDiv.textContent = content; // 设置div的内容
    newDiv.style.border = '1px solid black'; // 设置div的样式，例如边框
    newDiv.style.padding = '10px'; // 设置内边距
    newDiv.style.margin = '5px'; // 设置外边距
    return newDiv; // 返回创建的div元素
}

// 生成多个div元素并将它们添加到页面中
function appendDivs() {
    let numberOfDivs = 5; // 想要生成的div数量
    for (let i = 0; i < numberOfDivs; i++) {
        let divContent = `这是第${i + 1}个div`; // 设置每个div的内容
        let newDiv = createDiv(divContent); // 创建新的div元素
        document.body.appendChild(newDiv); // 将新的div添加到body中
    }
}

// 调用函数生成并添加div元素
appendDivs();