Dom对象，控制html元素

document.getElementsByName(name)//返回带有指定名称的节点对象的集合。

document.getElementsByTagName(Tagname)//返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

node.firstChild//返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。

node.lastChild//返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。

elementNode.parentNode//获取指定节点的父节点

elementNode.parentNode.parentNode//访问祖节点

nodeObject.nextSibling//返回某个节点之后紧跟的节点（处于同一树层级中）如果无此节点，则该属性返回 null。

nodeObject.previousSibling//返回某个节点之前紧跟的节点（处于同一树层级中）如果无此节点，则该属性返回 null。

appendChild(newnode)//在指定节点的最后一个子节点列表之后添加一个新的子节点

insertBefore(newnode,node);//在已有的子节点前插入一个新的子节点。

参数:

newnode: 要插入的新节点。

node: 指定此节点前插入节点。

nodeObject.removeChild(node)；//node ：必需，指定需要删除的节点。

node.replaceChild (newnode,oldnew )// 实现子节点(对象)的替换。返回被替换对象的引用

参数：

newnode : 必需，用于替换 oldnew 的对象。 
oldnew : 必需，被 newnode 替换的对象。

document.createElement(tagName)//创建元素节点

参数:

tagName：字符串值，这个字符串用来指明创建元素的类型。

注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。

document.createTextNode(data)//创建新的文本节点，返回新创建的 Text 节点

参数：

data : 字符串值，可规定此节点的文本。

elementNode.getAttribute(name)//通过元素节点的属性名称获取属性的值。

说明:

1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。

2. name：要想查询的元素节点的属性名字

elementNode.setAttribute(name,value)setAttribute() //方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。

说明：

1.name: 要设置的属性名。

2.value: 要设置的属性值。