Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 添加html

作者:无畏天下   发布日期:2025-06-21   浏览:51

// 使用 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 自动滚动

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站