DOM(转)

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>

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