首页 > 代码库 > js基础

js基础

  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操作性能(理论上)

js基础