JavaScript之DOM

以你之姓@ 2022-08-07 10:45 136阅读 0赞

**        上篇说了它是JavaScript的三大组成之一，其中DOM（Document Object Model）即文档对象模型，顾名思义，主要是用在文档，针对HTML和XML文档的API（应用程序接口）。DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。**

**一、节点由来：**

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

**![Center][]**

**二、节点操作  
         DOM不单单可以查找节点，也可以创建节点、复制节点、插入节点、删除节点和替换节点。**

**![Center 1][]**

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

**![Center 2][]**

**四、BOM与DOM的关系**

**        ·ECMAScript，描述了该语言的语法和基本对象。  
        ·文档对象模型（DOM），描述处理网页内容的方法和接口。  
        ·浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。（关于BOM的知识，请参考我的博客[javascript之BOM][javascript_BOM]。）**

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

**总结：**

**        通过对JavaScript的学习，了解了它在网页中改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用强大的功能。下面是对JavaScript的几篇博客总结，欢迎提出宝贵意见。**

**1、[JavaScript入门][JavaScript]**

**2、[JavaScript之正则表达式][JavaScript 1]**

**3、[javascript之BOM][javascript_BOM]**

[Center]: /images/20220805/c81a0e9e768a43ce8cec6a0a5128a899.png
[Center 1]: /images/20220805/9498773d864347c8ac62084f04e41343.png
[Center 2]: /images/20220805/f918d60156af40459fd50f1daa37b246.png
[javascript_BOM]: http://blog.csdn.net/chenxiaochan/article/details/44776369
[JavaScript]: http://blog.csdn.net/chenxiaochan/article/details/44154871
[JavaScript 1]: http://blog.csdn.net/chenxiaochan/article/details/44752693