北京
天津
面授课程
职业
少儿
语言
在线教育
赴日IT
诚筑说
问答
文章
视频
私活
讲师
合作
招聘
日语
关于我们
|
App
登录
400-117-7670
周一至周日9:00-22:00
微信公众号
chengzhushuo
新浪微博搜索
诚筑说
QQ扫一扫
442350769
首页>
问答大厅>
问答详情
【JavaScript】新增和删除DOM节点操作?
夏磊银
2020-09-16
WEB前端
218人浏览
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
李永春
新增节点的方法:document.crateelement! document.createtextnode!
0
2020-09-16
李永春
删除节点:removechild节点
0
2020-09-16
分享到:
最新问题
侯爽老师
提问:
天津平面ui设计培训之包装设计常见的工艺和材料有哪些?
侯爽老师
提问:
视频如何去水印?
侯爽老师
提问:
天津平面ui设计培训专业:接到一个设计任务,比如海报设计,应该如何和甲方沟通?
侯爽老师
提问:
视频和设计灵感平台都有哪些?
侯爽老师
提问:
视频和设计都有哪些素材平台?
最热问题
王伟平老师
提问:
Java共有多少种数据类型?分别是什么?
王伟平老师
提问:
Java中的static关键词用法
孙悦老师
提问:
北欧风格有什么特点
夏磊银老师
提问:
【JavaScript】数据类型
夏磊银老师
提问:
【JavaScript】数组去重
电话咨询
QQ咨询
优酷自频道
腾讯课堂
百度贴吧
加入微博
微信咨询
声明 var $child=document.createElement("div")
插入$parent.appendChild($child)
删除
$parent.removeChild($child)