1.获得对象方式

方法一

　　document.getElementsByTagName("div");

　　document.getElementById("head");

　　document.getElementsByName("username");

方法二 //通过数组

　　document.all //存在为IE，不存在为FF

　　document.body

　　document.forms

　　document.images

　　document.links

2.操作对象

操作属性

操作内容

　　.innerText //文字(IE)

　　.textContent //文字(FF)

　　.innerHTML //内容

　　.value //表单内容

操作样式

　　.style.color //获取或设置文本颜色

　　.style.backgroundColor //获取或设置文本颜色

　　注意：只能获取到行内样式中的属性值

　　所以一些常用的但没有在行内设置的属性需要特殊的获取方式

　　.offsetWidth //元素宽度(同css中的width)

　　.offsetHeight //元素高度

　　.offsetLeft //元素到文档左侧偏移距离(同css中的left)

　　.offsetTop //元素到文档顶部偏移距离

　　document.documentElement.clientWidth //窗口宽度

　　document.documentElement.clientHeight //窗口高度

　　document.body.scrollTop || document.documentElement.scrollTop //窗口滚动的顶部距离

　　document.body.scrollLeft || document.documentElement.scrollLeft //窗口滚动的左侧距离

　　注意：若同时需要操作的样式有多个，应该定义一个类，使用

　　.className //设置类名

　　.className="one two" //设置多个类名

　　.className="one"

　　.className+=" two" //设置多个类名的另一种方式(注意前面加空格)

　　.className="" //清除类

3.模型

将整个文档看做一个倒树，每个元素(节点)都是相通的

获取节点

　　.parentNode //父节点

　　.childNodes //所有子节点

　　.firstNode //第一个子节点

　　.lastNode //最后一个子节点

　　.nextSibling //下一个兄弟节点

　　.previousSibling //上一个兄弟节点

节点属性

　　.nodeType //类型

　　元素为1 属性为2 文本为3

　　注释为8 文档为9

　　.nodeName //名称

　　元素名为标签名 属性名为属性名 文本名为#text

　　文档名为#document

　　.nodeValue //内容

　　文本内容为文字 属性内容为属性值

　　其他类型无nodeValue

创建节点

　　document.createElement() //创建元素

　　.appendChild() //作为子节点插入到对象中

　　.insertBefore() //作为兄弟节点插入到对象前

　　.removeChild() //删除节点

表单对象

　　document.form //form为表单的name

　　.name //获取表单元素(属性)

　　.focus() //获取焦点方法

　　.submit() //提交方法

　　onsubmit() //form上的提交事件

　　.options[] //select中的option对象

　　.selectedIndex //select中option对象的索引值

作者：@zhnoah
出处：http://www.cnblogs.com/zhnoah/
本文版权归本人和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连 
接，否则保留追究法律责任的权利。

JavaScript学习笔记——5.DOM(文档对象模型)