dom的各种操作,优化建议..
一.获取节点方式
- getElementByid
- getElementsByTagName
- getElementsByClassName
- getElementsByName
- querySelector
- querySelectorAll
二.属性
property 方式:el.className
attr 方式:
- getAttribute(key)
- setAttribute(value)
区别:
attr 设置在dom树显示,property方式不显示
property 获取动态值 ,attr 获取初始值
三.创建
createElement
四.节点关系
父节点:parentElement
子节点:children
兄弟节点:nextElementSibling(下一个),previousElementSlibing(上一个)
五.插入节点
appendChild
六.删除
parent.removeChild()
el.remove()
七.节点的类型
nodeType:1 文本节点,3元素节点
八.优化
缓存节点
多次操作改为一次dom操作
文档片段
document.createDocumentFragment()