DOM资料之节点操作

本文详细介绍了如何使用JavaScript进行DOM操作,包括创建、插入、删除及复制节点等基本操作,并提供了具体的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

节点的访问关系都是属性。节点的操作都是函数或者方法。

◆ 创建节点:

新的标签(节点) = document.createElement(“标签名”);

◆ 插入节点(使用节点):

★ 父节点的最后插入一个新节点:

父节点.appendChild(新节点); 

注:如果是已经存在的节点,会移动该节点,相当于move;

★ 在参考节点前插入:

父节点.insertBefore(新节点,参考节点)

注:如果参考节点为null,那么他将在节点最后插入一个节点。

◆ 删除节点:

父节点.removeChild(子节点);

注:必须指定要删除的子节点

节点自己删除自己:

不知道父级的情况下,可以这么写:

node.parentNode.removeChild(node)

◆ 复制节点:

新节点=要复制的节点.cloneNode(参数) ; 

参数含义:

true:表示深复制(复制节点及其所有子节点)

★ false:表示浅复制(复制节点本身,不复制子节点)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值