javascript移出节点removeChild()使用介绍_javascript技巧
程序员文章站
2022-03-26 09:53:24
...
removeChild(a)是用来删除文档中的已有元素
参数a:要移出的节点
1
2
3
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
参数a:要移出的节点
复制代码 代码如下:
1
2
3
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中的this关键字介绍与使用实例_javascript技巧
-
javascript removeChild 使用注意事项_javascript技巧
-
js open() 与showModalDialog()方法使用介绍_javascript技巧
-
HTML中的setCapture和releaseCapture使用介绍_javascript技巧
-
javascript 数组排序函数sort和reverse使用介绍_javascript技巧
-
使用js完成节点的增删改复制等的操作_javascript技巧
-
Javascript 中的 call 和 apply使用介绍_javascript技巧
-
js修改原型的属性使用介绍_javascript技巧
-
php 中序列化和json使用介绍_javascript技巧
-
javascript中的void运算符语法及使用介绍_javascript技巧