js基础

Posted 2020-09-22 Caraxiong

1. 操作节点
   1. 子节点：
      1. 　childNodes    获取到包括文本节点和元素节点   文本节点：nodeType == 3 元素节点：nodeType == 1
      2. 　children（只能一层）
   2. 父节点：
      1. 　parentNode
      2. 　offsetParent: 获取元素用来定位的父级，如position:absolute 相对父级是谁
   3. 首尾子节点：
      1. 　firstChild  IE6-8     firstElementChild  其他浏览器
      2. 　lastChild  lastElementChild
   4. 兄弟节点
      1. 　nextSibling、nextElementSibling
      2. 　previousSibling、previousElementSibling
2. 操作元素
   1. 操作元素属性
      1. 　obj.style.display
      2.    getAttribute(名称)、 setAttribute(名称,值)、removeAttribute(名称)
   2. DOM元素灵活查找
      1. 　obj.className ==‘aa‘
   3. 创建DOM元素
      1. 　cDom = createElement（标签名）  创建一个dom节点
      2.    pDom.appendChild(cDom)   插到父元素里面
   4. 插入元素
      1. 　insertBefore(子节点，在谁之前)
   5. 删除dom元素
      1.    pDom.removeChild(元素)
3. 文档碎片（相当于一次性把零散的东西拿来）
   1. 　document.createDocumentFragment()
   2. 　可以提高DOM操作性能（理论上）