一. 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用法颠倒)
解决:用||用法