使用js如何添加html标签

在JavaScript中,我们可以使用document.createElement()方法来创建新的HTML元素,然后使用appendChild()insertBefore()方法将新元素添加到现有的HTML元素中,以下是一些示例:

使用js如何添加html标签
(图片来源网络,侵删)

1、添加小标题(h1h6):

// 创建一个新的h1元素
var h1 = document.createElement("h1");
// 设置h1元素的文本内容
var h1Text = document.createTextNode("这是一个小标题");
h1.appendChild(h1Text);
// 将h1元素添加到body中
document.body.appendChild(h1);

2、添加单元表格:

// 创建一个新的table元素
var table = document.createElement("table");
// 创建一个新的tr元素
var tr = document.createElement("tr");
// 创建一个新的td元素
var td = document.createElement("td");
// 设置td元素的文本内容
var tdText = document.createTextNode("这是一个单元格");
td.appendChild(tdText);
// 将td元素添加到tr中
tr.appendChild(td);
// 将tr元素添加到table中
table.appendChild(tr);
// 将table元素添加到body中
document.body.appendChild(table);

以上代码将在页面的body部分添加一个包含一个单元格的小表格。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/440602.html

本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。

(0)
未希新媒体运营
上一篇 2024-04-06 00:51
下一篇 2024-04-06 00:52

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

产品购买 QQ咨询 微信咨询 SEO优化
分享本页
返回顶部
云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购 >>点击进入