ps做网站效果图尺寸如何,网站如何验证登陆状态,wordpress图片alt,网站建设的大功效目录 克隆节点删除节点 克隆节点 特殊情况下新增节点按以下操作#xff1a; 复制一个原有的节点把复制的节点放入到指定的元素内部 克隆节点 元素.cloneNode(布尔值) cloneNode会克隆出一个跟原标签一样的元素#xff0c;括号内传入布尔值 若为true#xff0c;则代表克隆时… 目录 克隆节点删除节点 克隆节点 特殊情况下新增节点按以下操作 复制一个原有的节点把复制的节点放入到指定的元素内部 克隆节点 元素.cloneNode(布尔值) cloneNode会克隆出一个跟原标签一样的元素括号内传入布尔值 若为true则代表克隆时会包含后代节点一起克隆若为false则代表克隆时不包含后代节点默认为false
示例1 ul.appendChild(ul.children[0].cloneNode(true))
如果是false只克隆标签没有内容
示例2示例1的分步完整做法
bodyulli1/lili2/lili3/li/ulscriptconst ul document.querySelector(ul)// const li1document.querySelector(ul li:first-child)// 克隆节点const li1 ul.children[0].cloneNode(true)console.log(li1);// 追加ul.appendChild(li1)/script
/body删除节点
若一个节点在页面中已不需要时可以删除它在JavaScript原生DOM操作中要删除元素必须通过父元素删除语法父元素.removeChild(要删除的元素)注意 如不存在父子关系则删除不成功删除节点和隐藏节点display:none有区别隐藏节点还是存在的但是删除是从html中删除节点
示例
bodyulliuseless/li/ulscriptconst ul document.querySelector(ul)// 删除节点ul.removeChild(ul.children[0])/script
/body