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