JavaScript文档对象模型总结

什么是DOM:DOM ，全称 Document Object Model 文档对象模型。 JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。 文档 文档表示的就是整个的HTML网页文档。对象 对象表示将网页中的每一个部分都转换为了一个对象。模型 使用模型来表示对象之间的关系，这样方便我们获取对象。节点：节点Node ，是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点。比如：html标签、属性、文本、注释、整个文档等都是一个节点。 虽然都是节点，但是实际上他们的具体类型是不同的。比如：标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点。 节点的类型不同，属性和方法也都不尽相同。 Node——构成HTML文档最基本的单元。 常用节点分为四类: 文档节点 ：整个HTML文档 元素节点 ：HTML文档中的HTML标签 属性节点 ：元素的属性 文本节点 ：HTML标签中的文本内容文档节点（document）：文档节点document ，代表的是整个HTML文档，网页中的所有节点都是它的子节点。document对象作为window对象的属性存在的，我们不用获取可以直接使用。通过该对象我们可以在整个文档内访问查找节点对象，并可以通过该对象创建各种节点对象。元素节点（Element）：HTML中的各种标签都是元素节点，这也是我们最常用的一个节点。浏览器会将页面中所有的标签都转换为一个元素节点，我们可以通过document的方法来获取元素节点。
比如：根据id属性值获取一个元素节点对象。document.getElementById()文档的加载：onload事件会在整个页面加载完成之后才触发，为window绑定一个onload事件，该事件对应的响应函数将会在页面加载完成之后执行，这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了。将js代码编写到页面的下部就是为了可以在页面加载完毕以后再执行js代码。window.onload = function(){ var btn = document.getElementById(“btn”); btn.onclick = function(){ alert(“hello”); };};