js 添加元素

作者：烟寂断魂发布日期:2026-05-30 浏览:65

// 创建一个新元素并添加到DOM中

// 1. 创建一个新的 <div> 元素
var newDiv = document.createElement("div");

// 2. 给新创建的 <div> 添加一些内容
newDiv.innerHTML = "这是一个新添加的元素";

// 3. 设置新元素的样式或属性（可选）
newDiv.style.color = "blue";
newDiv.className = "my-new-element-class";

// 4. 将新元素添加到页面中的某个现有元素中，例如 <body>
document.body.appendChild(newDiv);

// 解释：
// - createElement() 方法用于创建新的 HTML 元素。
// - innerHTML 用于设置或获取元素的内容。
// - appendChild() 方法将新创建的元素添加到指定的父元素中。
// - 可以通过 style 或 className 来设置新元素的样式或类名。

上一篇：js 设置属性

下一篇：js 创建div