DOM元素的创建和操作

55 篇文章 0 订阅

DOM元素的创建和操作

  1. 创建DOM元素
<ul>
</ul>
<script>
// DOM创建的三种方法
//1. document.write("");
var li1 = document.write("<li>我是document.write创建的</li>");
//2.boj.innerHTML = 
//3.利用DOM元素的API创建元素
	var ul = document.getElementsByTagName("ul")[0];
	var li2 = document.createElement("li");
	li2.innerHTML = "我是createElement创建的";
	ul.appendChild(li2);
	var li3 = document.createElement("li");
	li3.innerHTML = "我要插在li2前面"
	ul.insertBefore(li3,li2);

创建DOM元素
2. 操作DOM元素

//元素的操作
//1.删除元素:removeChild()方法从DOM中删除一个子节点。返回删除的节点。
//ul.removeChild(li2);
//2.交换元素:replaceChild()用指定的节点替换当前节点的一个子节点,并返回被替换掉的节点
//ul.replaceChild(li2,li3);
//3.克隆元素:cloneNode
for(var i=0; i<=3; i++){
	var newLi = li2.cloneNode(true);
	ul.appendChild(newLi);
}

①删除li2元素
删除DOM元素
②交换li2和li3
交换DOM元素
③克隆li2
cloneNode

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值