DOM(Document Object Model) 文档对象模型
DOM(Document Object Model) 文档对象模型
一、概述
文档对象(document对象,注意这和DOM不是一个概念,不过我要先行介绍) 代表浏览器窗口的文档,该对象是window对象(以后会有文章详细介绍)的子对象。
由于window对象是DOM对象模型中的默认对象,所以window对象中的方法和子对象不需要使用window来引用。也就是说可以直接使用document对象。
作用:document 对象 可以访问html文档中包含的任何html标记,并可以动态修改标记内容。
document对象的层次结构如图:
二、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) //文档添加元素