文档对象
document对象是window对象的一个属性
window.document
document对象主要对应于文档的主体部
<body>到</body>标记之间的内容
document对象属性
anchors[] anchor对象数组,每一个都代表文档中出现的一个锚
bgColor     指定文档的背景颜色,字符串类型
forms[]      form对象数组,每一个元素对应于文档中的一个HTML<form >标记
p_w_picpaths[]    p_w_picpaths对象,每一个元素对应于文档的HTML<img>标记
linkColor   指定未访问连接的颜色
links[]        Link对象数组,每一个元素对应于文档中的一个HTML<a href>标记
vlinkColor  指定已访问链接的颜色
document对象方法
open()      删除现有文档的内容,打开一个新的文档输出流,供随后的write()或writeln()方法输出文档
close()      关闭open()打开的文档输出流
focus()      让指定文档得到焦点
write(value,…)    在当前文档中插入字符串或在open()打开的文档末尾添加字符串
writeln(value,…) 与write方法相同,保是在输出字符串的末尾添加回车换行符
什么是文档对象模型(DOM)
DOM模型的全称是Document Object Module,即文档对象模型,它定义了操作文档对象的接口
文档对象模型(DOM)是表示文档  (比如HTML和XML)和访问、操作构成文档的各种元素的应用程序接口(API)一般的,支持JavaScript的所有浏览器都支持DOM在这个模型中,一个文档被看成结构化的数据,对于HTML就像一棵树的结构,树中每个节点对应一个HTML标记,都是一个对象
DOM中的文档层次结构
<html>
<head>
 <title> document </title>
</head>
<body>
 hello, DOM!
</body>
</html>
HTML文档的节点
在DOM模型中,整个文档就是由层次不同的多个节点组成的,节点可以代表了全部的内容,每个节点都可以看成一棵树的根节点,整个文档是一个递归的结构DOM下,HTML文档各个节点被视为各种类型的Node对象
每个Node对象都有自己的属性和方法,利用这些属性和方法可以遍历整个文档树
节点 (Node对象) 类型
Element    元素节点
Text     文本结点
Document    document 对象
Comment    注释的文本
DocumentFragment   document片断
Attr     节点属性
Document  对象操作DOM的方法
createAttribute() 用指定的名字创建新的Attr节点
createComment()  用指定的字符串创建新的Comment节点  
createElement()  用指定的标记名创建新的Element节点
createTextNode()  用指定的文本创建新的TextNode节点
getElementById() 返回文档中具有指定id属性的Element节点
getElementsByTagName() 返回文档中具有指定标记名的所有Element节点
Element(元素节点)常用的属性
tagName 元素的标记名称,比如<p>元素为P。HTML文档返回的tabName均为大写
Element(元素节点)对象方法
getAttribute() 以字符串形式返回指定属性的值
getAttributeNode() 以Attr节点的形式返回指定属性的值 
getElementsByTabName() 返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序
hasAttribute() 如果该元素具有指定名字的属性,则返回true
removeAttribute() 从元素中删除指定属性  
setAttribute() 设定指定属性的值
setAttributeNode() 把指定的属性设置为指定的字符串值,如果该属性不存在则添加一个新属性
Node对象的属性
attributes 如果该节点是一个Element,则以NameNodeMap形式返回该元素的属性
childNodes 以Node[]的形式存放当前节点的子节点。如果没有子节点,则返回空数组
firstChild 以Node的形式返回当前节点的第一个子节点。如果没有子节点,则为null
lastChild 以Node的形式返回当前节点的最后一个子节点。如果没有子节点,则为null
nextSibling 以Node的形式返回当前节点的兄弟下一个节点。如果没这样的节点,则返回null
nodeName 节点的名字,Element节点则代表Element的标记名称
nodeType 代表节点的类型
parentNode 以Node的形式返回当前节点的父节点。如果没有父节点,则为null
previousSiblint 以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点,则返回null
Node对象的方法
appendChild() 通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点
cloneNode() 复制当前节点,或者复制当前节点以及它的所有子孙节点
hasChildNodes() 如果当前节点拥有子节点,则将返回true
insertBefore() 给文档树插入一个节点,位置在当前节点的指定子节点之前。如果该节点已经存在,则删除之后再插入到它的位置
removeChild() 从文档树中删除并返回指定的子节点
repalceChild() 从文档树中删除度返回指定的子节点,用另一个节点替换它
操作表格对象
创建表格
在DHTML中,一个表格就是一个表格对象,它是由表格行对象构成的,而表格行又是由单元格对象构成的。在表格中,所有的行对象以线性的顺序排列于表格对象中;而所有的单元格也以线性的顺序排列在表格行对象中。要引用一个表格单元,首先必须获得对表格行对象的引用。
var c_table=document.createElement(“table”);
添加一行
table.insertRow(index);
添加单元格
tableRow.insertCell(index);