删除div下面的子标签且添加新的标签并设置内容

最新推荐文章于 2022-02-18 11:36:45 发布

原创最新推荐文章于 2022-02-18 11:36:45 发布 · 744 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了使用JavaScript进行DOM操作的技巧，包括元素的删除、创建及内容设置。通过实例展示了如何利用document对象的方法实现对网页元素的动态修改。

// 获取div
var div = document.getElementById("dvelopmentTarget");
// 指明要删除的标签在最后的位置(last)
var del_son= div.lastElementChild;
// remove方法删除父级下的子标签
div.removeChild(del_son);
// 添加<p>标签
var p = document.createElement("p");
// 设置内容
p.innerText = "内容";