JavaScript-需要的基础DOM特性

1.访问文档中元素

document.getElementById('id'):获取给定ID的元素，并将其作为对象。

document.getElementByTagName('tagname'):获取所有标签名为tagname的元素，并把它保存在一个类似数组的列表中。

2.读取元素的属性、节点值及其它节点数据

node.getAttribute('attribute'):获取属性名为 attribute的值。

node.getAttribute('attribute' . 'value'):设置属性名为attribute 的值为value。

node.nodeType:读取节点类型（1=元素，3=文本节点）。

node.nodeName:读取节点名称（元素名字或#textNode）。

node.nodeValue:读取或设置节点的值（文本节点的情况下则为文本内容）。

3.节点之间操作

node.previousSibling:获取上一个兄弟节点，并将它保存为一个对像。

node.nextSibling:获取下一个兄弟节点，并将它保存为一个对象。

node.childNodes:获取对象的所有子节点，并把它们存储到一个列表中。对于第一个和最后一个节点，还可使用node.firstChild和node.lastChild进行简写。

node.parentNode:获取包含node的节点。

4.创建新节点

document.createElement(element):创建一个名为element的新元素，需要提供一个字符串形式的元素名。document.createTextNode(string):创建一个节点值为string的文本节点。

newNode=node.cloneNode(bool):创建newNode节点作为node的副本（克隆）。如果bool值为true，这个克隆将将包括原节点的所有子节点和属性的克隆。node.appendChild(newNode):将newNode作为子节点，添加在node所有子节点之后。node.insertBefore(newNode,oldNode): 在node节点的子节点oldNode之前插入newNode.node.removeChild(oldNode):移除node节点的子节点lodNode.node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点lodNode.element。

innerHTML:读写给定element的HTML内容，它是一个字符串，包括所有子节点及它们的属性的文本内容。