首页> 问答大厅> 问答详情

【JavaScript】新增和删除DOM节点操作?

夏磊银 2020-09-16 WEB前端 244人浏览

DOM（Document Object Model）：文档对象模型

整个文档是由一系列节点对象组成的一棵树。

DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构

通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

展开问题

6个回答

张凯

新增
声明 var $child=document.createElement("div")
插入$parent.appendChild($child)
删除
$parent.removeChild($child)

1 2020-09-16

李子行

新增节点：
appendChild().先通过var $p = document.createElement("div");创建一个div，再通过var $divtxt = document.createTextNode("想添加的内容");声明标签内的内容，再通过$div.appendChild($divtxt);$big.appendChild($div);将标签添加进去。
删除节点
removeChild().若知道父级是谁，直接用$big.removeChild($div);若是不知道父级是谁，则先用自己找到父级再删除子级。$div.parentElement.removeChild($div);

回答已被采纳 1 2020-09-16

王聪

新增节点:
var $p1 = document.createElement("p");
var $ptxt1 = document.createTextNode("内容")
$p1.appendChild($ptxt1);插入进去
$big.insertBefore($p1);
删除节点：
知道父级的情况：$lg.removeChild($pa);
不知道父级的情况：$pb.parentElement.removeChild($pb);

1 2020-09-16

丁凯

appendChild(新节点);方法可向节点的子节点列表的末尾添加新的子节点。
insertBefore(newnode,existingnode);方法可在已有的子节点前插入一个新的子节点。
newnode:必需,新节点;existingnode:可选,已存在的节点。
removeChild(需要删除的节点);方法删除子节点。
replaceChild(newnode,oldnode);方法可将某个子节点替换为另一个。

1 2020-09-16