JavaScript dom节点基本操作

增

1:parentEl.appendChild()
2:parentEl.insertBefore(new,parentEl.child);

删

1:parentEl.removeChild()

改

1:parentEl.replaceChild(new,old)

克隆

1:el.cloneNode() 返回克隆内容

• true 表示克隆el 以及el子节点
• false 只克隆el本身

查 获取

1：选择器
2：元素节点

• children
• parentElementNode
• nextElementSibling
• lastElementChild 返回最后一个子节点
• firstElementChild 返回第一个子节点

效果

1:注意：循环遍历得到元素对象。绑定事件；事件函数全部都是异步的
2：事件处理函数执行在所有初始化之后；例如 for if 等
3：事件处理函数执行 需要条件；注意循环体中的时间处理函数。在事件处理函数体内容；使用i 为全局 i 为最大值
4：在事件处理函数内部 this 指向触发事件的元素.可以通过this.chilld this.parentElementNode 找到当前元素的关系节点
5：循环体中元素对象 添加属性 给每个对象都添加了这个数据。在使用时；彼此相互独立 互不干扰