DOM

59 阅读1分钟

一. DHTML

静态网站(HTML+CSS):没有动画效果的网站

2. DHTML的七个对象模型

window,history,navigator,document,location,screen,event

3.BOM

BOM:Brower Object Model,浏览器对象模型

4.DOM

DOM:Document Object Model,文档对象模型

W3C DOM分为三个不同的部分:

核心 DOM:针对任何结构化文档的标准模型

XML DOM:针对XML文档的标准模型

HTML DOM:针对HTML文档的标准模型

核心 DOM :没有兼容问题,很繁琐,可以操作XML,HTML。

HTML DOM :有兼容问题,使用简单,可以操作HTML。

5.节点树:

页面上所有节点组成的树

整个文档是一个文档节点(document node )

每个HTML标签是一个元素节点(element node)

包含在HTML元素中的文本是文本节点(text node)

每一个HTML属性是一个属性节点(attribute node)

注释属于注释节点(comment node)

6.2

parentNode 父节点

childNodes 子节点

firstChild 第一个子节点

lastChild 最后一个子节点

nextSibling 下一个兄弟节点

previousSibling 上一个兄弟节点

7.元素树

页面上的元素节点组成的树

7.2

firstElementChild 第一个子元素

lastElementChild 最后一个子元素

nextElementSibling 下一个兄弟元素

previousElementSibling 上一个兄弟元素

childElementCound 子元素总数

children 所有子元素

parentElement 父元素

8.兼容: (元素树与节点树 在IE678用法颠倒)

解决:用||用法