DOM的基本概念

文档对象模型（Document Object Model，简称DOM）

获取节点

getElementById                                    由id来进行获取

语法：node.getElementById("id"); 

getElementsByClassName                    由class获取 

语法：node. getElementsByClassName("class");（如有多个，按类数组排序，起始为0）

getElementsByTagName                       由标签名获取

语法：node. getElementsByTagName(“h1 ");（如有多个，按类数组排序，起始为0）

getElementsByName                             由name获取

语法：node. getElementsByName(“name1 ");（如有多个，按类数组排序，起始为0）

查看节点类型

语法：nodeObject.[nodeType][nodeName ][nodeValue ] 

nodeType 返回以数字值返回指定节点的节点类型。如果节点是元素节点，则返回 1。如果节点是属性节点，则返回 2。

nodeName 返回节点名称（大写的标签名）

nodeValue 文本节点返回文本内容，其他节点返回null

DOM属性获取与设置

获取方法： 

element[attributename]  

element . attributename

getAttribute( attributename )    

设置属性：     

setAttribute( attributename, attributevalue )

删除属性：     

removeAttribute( attributename )

常用属性：

className                              类名

offsetWidth                             宽

offsetHeight                            高

offsetLeft offsetTop                获取距离第一个定位父节点左上角的距离

操作子节点

创建节点 

createElement( )

子节点的增删改

appendChild 在DOM子集最后添加子节点

insertBefore 在指定的已有子节点之前插入新的子节点

removeChild 删除一个节点

replaceChild 替换节点