// 使用 JavaScript 动态添加 HTML 元素
// 1. 创建一个新的元素
let newDiv = document.createElement("div");
// 2. 给这个新元素添加内容
newDiv.innerHTML = "这是一个通过 JavaScript 添加的 div 元素";
// 3. 设置该元素的属性(可选)
newDiv.setAttribute("id", "newDiv");
newDiv.setAttribute("class", "content");
// 4. 将新元素添加到页面中的某个现有元素中
document.body.appendChild(newDiv);
// 解释:
// - `document.createElement("div")`: 创建一个新的 <div> 元素。
// - `newDiv.innerHTML`: 设置或获取指定元素的内容。
// - `newDiv.setAttribute()`: 为元素设置属性,如 id 和 class。
// - `document.body.appendChild(newDiv)`: 将新创建的元素添加到页面的 body 中。
上一篇:js scrolltop
下一篇:js 自动滚动
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站