码迷,mamicode.com
首页 > Web开发 > 详细

js基础

时间:2017-06-12 22:18:00      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:created   move   ssi   nbsp   osi   操作性   提高   next   des   

  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基础

标签:created   move   ssi   nbsp   osi   操作性   提高   next   des   

原文地址:http://www.cnblogs.com/cara-front-end/p/6995002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!