DOM(Document Object Model) 文档对象模型

                        DOM(Document Object Model) 文档对象模型

一、概述

    文档对象(document对象,注意这和DOM不是一个概念,不过我要先行介绍) 代表浏览器窗口的文档,该对象是window对象(以后会有文章详细介绍)的子对象。

由于window对象是DOM对象模型中的默认对象,所以window对象中的方法和子对象不需要使用window来引用。也就是说可以直接使用document对象。

作用:document 对象 可以访问html文档中包含的任何html标记,并可以动态修改标记内容。

document对象的层次结构如图:

DOM(Document Object Model) 文档对象模型


二、document对象的属性,方法和事件

http://www.w3school.com.cn/jsref/dom_obj_document.asp

close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
其他常用方法

document.createElement(Tag)                                         //创建一个html标签对象

document.getElementsByClassName(“className”)                      //获得指定class值的对象(数组)

document.body.appendChild(oTag)                                            //文档添加元素