js 创建div

// 创建一个 div 元素
function createDiv() {
    // 使用 document.createElement 方法创建一个新的 div 元素
    var newDiv = document.createElement("div");

    // 可以为新创建的 div 设置一些属性，例如 id 或 class
    newDiv.id = "myNewDiv";
    newDiv.className = "new-div";

    // 为 div 添加一些内容
    newDiv.textContent = "这是一个新创建的 div 元素";

    // 将新创建的 div 添加到页面中的某个元素内，例如 body
    document.body.appendChild(newDiv);
}

// 调用函数以创建并添加 div
createDiv();

解释说明：

1. document.createElement("div")：用于创建一个新的 div 元素。
2. newDiv.id = "myNewDiv" 和 newDiv.className = "new-div"：分别为新创建的 div 设置 id 和 class 属性，方便后续通过 CSS 或 JavaScript 操作。
3. newDiv.textContent = "这是一个新创建的 div 元素"：为 div 添加文本内容。
4. document.body.appendChild(newDiv)：将新创建的 div 添加到页面的 body 中，使其显示在页面上。

你可以根据需要修改这些属性和内容。