js操作dom

1.操作HTML元素

　　firstChild:指向第一个子元素;

　　lastChild:指向最后一个子元素;

　　parentNode:指向父元素;

　　childNodes:指向所有的子元素;

　　previousSibling:指向前一个兄弟节点;

　　nextSibling:指向后一个兄弟节点;

　　attributes:指向元素节点的属性;

　　appendChild(node):添加一个子元素;

　　removeChild(node):移除一个子元素;

　　replaceChild(newnode,oldnode):用newnode替代oldnode;

　　insertBeofe(newnode,refnode):在refnode之插入newnnode;

2:处理属性

　　　Element节点才能有属性。Element节点的attributes属性返回的是NamedNodeMap对象

主要有一下几个方法：

　　getNamedItem(name):返回nodeName等于name的属性，如：e.attributes.getNamedItem("id")返回元素中属性名为id属性。

　　removeNamedItem(name):删除nodeName等于name的属性，如：e.attributes.removeNamedItem("id")，删除元素中属性名为id的属性；

　　item(index):返回下标索引是index的属性节点。

　　上面方法均返回的是一个属性节点，我们可以使用nodeValue，访问属性的值。

　　以上方位元素属性的方法不够方便，因此dom定义了额外的三个方法辅助访问元素的属性：

　　getAttribute(name):返回属性名为name的属性，如e.getAttribute("id");

　　setAttribute(name,value):设置或更改属性名为name的属性值；

　　removeAttribute(name):移除属性名为name的属性。

3.访问指定元素

　　getElementById(idValue):获得标签id属性为idValue的元素节点。

　　getElementsByName(nameValue):获得标签name属性为nameValue的元素节点。

　　getElementsByTagName(tagname):获得标签名称为tagname的元素节点。