JS 里操作 DOM 的几个标准属性与方法

// 记录下 JS 操作 DOM 的几个标准属性与方法，
// 关于 DOM ，一般可以把它看作一颗树来理解，因为是树，所以每个结点
// 会有唯一 一个父结点 (parentNode)，当然除了根结点；每个结点还可
// 以有多个子结点 (childNodes)，而所有子结点中当然会有第一个结点
// (firstChild) 和 最后一个结点 (lastChild) ，当然也要除去叶子结点；
// 每个结点当然还可以有兄弟，前一个兄弟就是 previousSibling ， 后一个
// 结点当然就是 nextSibling 了，就别再钻牛角尖了，大概就是这样，下面
// 就简要的对各个属性和方法作下说明


// 该方法可以通过 document 或 某个元素结点来调用，得到指定 id 的元素结点
.getElementById("")    

// 该方法可以通过 document 或 某个元素结点来调用，得到指定 标签的元素结点数组
.getElementsByTagName("")

// 元素结点调用，得到指定属性的值
.getAttribute("")

// 元素结点调用，设置指定属性的值
.setAttribute("")

// 结点调用，判断当前结点类型
// 1 为元素结点，2 为属性结点， 3 为文本结点，其他再查
.nodeType

// 文本结点调用，返回文本结点的值
.nodeValue

// 通过指定 html 标签名创建该标签元素
document.createElement("")

// 创建一个指定内容的文本结点
document.createTextNode("")

// 元素结点调用，向该元素结点增加一个新的子结点
.appendChild(newNode)

// 在指定结点前增加一个新结点
.insertBefore(newNode , targetNode)

// 在当前结点里用新结点替换指定的旧子结点
.replaceChild(newChild , oldChild)

// 删除当前结点的指定子结点
.removeChild(node)

// 下列属性全是元素结点来调用
// 得到父亲结点
.parentNode

// 得到所有子结点数组
.childNodes

// 得到第一个子结点
.firstChild

// 得到最后一个子结点
.lastChild

// 得到下一个兄弟结点
.nextSibling

// 得到前一个兄弟结点
.previousSibling