码迷,mamicode.com
首页 > 其他好文 > 详细

DOM(转)

时间:2015-02-06 18:33:47      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

DOM : javascript的一部分,就是用来操作HTML的接口属性和方法。常见的有:getElementById

DOM树和DOM节点:

nodeType : 节点类型,常用的有1、3。IE前的版本无文本节点

DOM级别:

  0级(遗留DOM,IE4前的,像write等,不推荐用)

  1级(1998年指定,很多方法和接口,像firstChild等)

  2级(2000年指定,对事件模块,样式模块扩展1级功能,IE前的版本不支持)

  3级(很多浏览器还没支持,先不用关心啦)

常用的DOM操作:

  childNodes,children

  firstChild,firstElementChild

  lastChils,lastElementChild

  nextSibling,nextElementSibling

  previousSibling,previousElementSibling

  parentNode

  offsetParent : 有定位的父节点,无定位则为body

  offsetLeft : 到有定位的父节点左距离,无定位则到浏览器最左边距离(计算元素距离窗口的距离,offsetLeft和offsetParent配合,也可使用getBoundingClientRect)

  offsetWidth,clientWidth

  getAttrbute,setAttribute(了解就好,有兼容性)

  createElement

  appendChild

  insertBefore

  removeChild

  replaceChild

  cloneNode(布尔值) 

  document.documentElement : <html>

  document.body : <body>

  document.title : <title>

DOM(转)

标签:

原文地址:http://www.cnblogs.com/huangfenggu/p/4277570.html

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