DOM

本文详细介绍了如何使用JavaScript进行DOM操作,包括创建元素节点、文本节点、添加子节点、克隆节点、插入节点、替换元素及删除元素等核心操作。

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

DOM的添加:
< script >
创造元素节点document.createElement(元素名称)
var div1 = document . createElement ( "div" );
创建一个,文本节点
var text1 = document . createTextNode ( "666" )
添加子节点
div1 . appendChild ( text1 );
如果要想看到刚才创建的div袁术,必须要再body上添加改子节点
var body1 = document . getElementsByTagName ( "body" )[ 0 ];
body1 . appendChild ( div1 );

克隆节点--浅克隆:cloneNode(false)
var div2 = div1 . cloneNode ();
body1 . appendChild ( div2 );

克隆节点--深克隆
var div3 = div1 . cloneNode ( true );
body1 . appendChild ( div3 );


根据位置插位添加
var p1 = document . createElement ( "p" );
添加到指定位置
body1 . insertBefore ( p1 , div3 );
// body1.insertBefore(p1,body1.children[3]);等效的


替换元素修改
var div4 = document . createElement ( "div" );
var a1 = document . createElement ( "a" );
var text2 = document . createTextNode ( "跳转" );
a1 . appendChild ( text2 );
div4 . appendChild ( a1 );

替换replace(新元素,老元素)
body1 . replaceChild ( div4 , p1 );

删除元素
body1 . removeChild ( div1 );

</ script >



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值