DOM1:主要定义的是HTML和XML文档的底层结构
DOM2、DOM3:在DOM1的基础上,引入了更多的交互能力,也支持了更高级的xml特性。目的在于扩展DOM API,以满足操作XML的所有需求,同时提供更好的错误处理及特性检测能力。
为此,DOM2、DOM3分为许多个模块,分别描述了DOM某个非常具体的子集
有:
DOM2级核心 ——在1级基础上,添加了更多的方法和属性
DOM2级视图 ——为文档定义了基于样式信息的不同视图
DOM2级事件 ——说明了如何使用事件,与DOM文档进行交互
DOM2级样式 ——定义了如何以编程方式来改变和访问css样式信息
DOM2级遍历和范围 ——引入了遍历DOM文档的一些接口函数
DOM2级HTML ——在1级HTML上添加更多的方法和属性
————————————————————————————————————
个人感觉DOM2事件,DOM2样式更普遍,更重要一些。
下一章的事件会具体讲解DOM2事件,这章重点说一下DOM2样式
在HTML中定义样式,方法3种:
通过包含外部文件
使用来嵌入式样式
使用style特性定义不同元素的样式
每一个支持设置style的元素都自带一个style对象,只包含在js中直接为他设置的style样式,不包含外部link过来,和嵌入样式表经过层叠的样式(就是经过浏览器自己计算处理后 的样式)
可以利用cssText属性,访问style特性中css代码。读模式返回已有代码,写模式直接覆盖原有的css样式
mydiv.style.cssText = "width:25px; height:25px";
计算的样式:
例如: