js 创建元素

作者：忽然之间发布日期:2026-07-11 浏览:110

// 创建一个简单的 HTML 元素并将其添加到文档中

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

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

// 可以为新元素设置属性，例如 id 或 class
newDiv.setAttribute('id', 'new-div');
newDiv.classList.add('my-class');

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

// 解释说明：
// 1. 使用 `document.createElement()` 方法创建一个新的 HTML 元素。
// 2. 使用 `textContent` 属性设置元素的内容。
// 3. 使用 `setAttribute()` 方法为元素添加属性（如 id）。
// 4. 使用 `classList.add()` 方法为元素添加 CSS 类。
// 5. 使用 `appendChild()` 方法将新元素添加到页面中的指定位置。

上一篇：js slice用法

下一篇：js filter返回值