signed

QiShunwang

“诚信为本、客户至上”

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

2021/6/9 6:00:26   来源:
removeChild(a)是用来删除文档中的已有元素
参数a:要移出的节点
复制代码 代码如下:

<div id="guoDiv">
<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
您可能感兴趣的文章:
  • Javascript removeChild()删除节点及删除子节点的方法
  • JavaScript的removeChild()函数用法详解
  • 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
  • js使用removeChild方法动态删除div元素
  • js实现addClass,removeClass,hasClass的函数代码
  • javascript removeChild 导致的内存泄漏
  • ExtJS TabPanel beforeremove beforeclose使用说明
  • Javascript remove 自定义数组删除方法
  • JS动态计算移动端rem的解决方案