上篇说了它是JavaScript的三大组成之中的一个,当中DOM(Document Object Model)即文档对象模型,顾名思义。主要是用在文档,针对HTML和XML文档的API(应用程序接口)。DOM描绘了一个层次化的节点树。执行开发者加入、移除和改动页面的某一部分。

一、节点由来:

        载入HTML页面时,Web浏览器生成一个树型结构,用来表示页面内部结构。DOM将这样的树型结构理解为由节点组成

JavaScript之DOM_表单


二、节点操作
         DOM不单单能够查找节点,也能够创建节点、复制节点、插入节点、删除节点和替换节点。


JavaScript之DOM_ecmascript_02

三、查找元素
        W3C提供了比較方便简单的定位节点的方法和属性,以便我们高速的对节点进行操作。

JavaScript之DOM_javascript_03


四、BOM与DOM的关系


        ·ECMAScript。描写叙述了该语言的语法和基本对象。


        ·文档对象模型(DOM),描写叙述处理网页内容的方法和接口。


        ·浏览器对象模型(BOM),描写叙述与浏览器进行交互的方法和接口。

关于BOM的知识,请參考我的博客javascript之BOM

         三者相互协作,为网页加入各式各样的动态动能,为用户提供更流畅美观的浏览效果

总结:

        通过对JavaScript的学习。了解了它在网页中改进设计、验证表单、检測浏览器、创建cookies。以及很多其它的应用强大的功能。

以下是对JavaScript的几篇博客总结,欢迎提出宝贵意见。

1、JavaScript入门

2、JavaScript之正則表達式

3、javascript之BOM