关于childNodes的删除

【关于childNodes的删除】的更多相关文章

关于childNodes的删除

在使用childNodes时,发现需要删除的元素多于1时,会出现无法全部删除的情况.谷歌以后发现,该属性返回的子节点集合是实时更新的,也就是说,在for循环中,当删除第一个子节点之后,第二次删除的是原子节点集合中的第三个元素.故需要删除全部子节点时,使用 while(node.childNodes.length>0){ node.removeChild(node.childNodes[0]); } 在MDN中查了一下,childNodes返回的是NodeList对象,该NodeList对象是实时…

Javascript进阶篇——(DOM—节点---插入、删除和替换元素、创建元素、创建文本节点)—笔记整理

插入节点appendChild()在指定节点的最后一个子节点列表之后添加一个新的子节点.语法: appendChild(newnode) //参数: //newnode:指定追加的节点. 为ul添加一个li,设置li内容为PHP,代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&qu…

点击页面上的元素，页面删除removeChild()

简单描述:最近做了一个图片上传,上传完成回显图片的时候,需要用到点击图片,从页面删除的效果,然后就找到了removeChild()方法,说实话,我刚看到的时候,就觉得这个问题已经解决了,但是却发现这个方法里传的参数竟然有点不同寻常,我往里边放了一个用引号包起来的id字符串,表示删除该id,结果F12就出现了一个错误,然后我先怀疑是不是自己字符串拼错了,一看不是,然后抱着试试的态度,我把引号去掉了,直接放id字符串,结果就好使了. 最后结果: 其他例子: //html代码<div id="p…

html5中JavaScript删除全部节点

如果div里有这么些内容: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK"> <title>iScroll demo: simple</title> <script type="text/javascript"> functi…

div节点的操作（添加，删除，替换，克隆）

<html> <head> <title></title> <style type="text/css"> div{ border: 1px solid #ff0000; height:100px; width:200px; margin:10px 10px; padding:10px 10px; } #div_1{ background-color:#ff0000; } #div_2{ background-color:#f…

dom 节点篇 ---单体模式

dom 节点篇---模块

改写成如下代码: var creatTag=(function(){ //var count=5; var oUl=document.createElement('ul'); var oDiv=document.createElement('div'); var oText=document.createTextNode('添加新项:'); var oInpu=document.createElement('input'); var oBtn=document.createElement('bu…