首页 > 语言 > JavaScript > 正文

javascript移出节点removeChild()使用介绍

2024-05-06 16:03:38
字体:
来源:转载
供稿:网友
这篇文章主要介绍了javascript节点操作移出节点removeChild()的使用,需要的朋友可以参考下

removeChild(a)是用来删除文档中的已有元素
参数a:要移出的节点

复制代码 代码如下:


<div>
<span>1</span>
<span>2</span>
<span>3</span>
</div>

var oDiv = document.getElementById("guoDiv");
var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.firstChild
var returnNode = oDiv.removeChild(firsChild); //移出第一个元素,返回被移出元素
alert(returnNode.innerHTML); //1
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild;
returnNode = oDiv.removeChild(lastChild); //移出第后一个元素,返回被移出元素
alert(returnNode.innerHTML);//3

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选