html-dom 中常用属性的方法总结

　　由于本菜鸟之前一直从事CS开发，刚接触BS还有好多的知识需要掌握，以下是HTML-DOM常用的属性和方法，以备不时之需，(参考w3school)：

1.根节点：
    document.documentElement
    document.body
    
2.document的常用方法
    getElementById(id名称) ：返回文档中指定的id名称的Element节点
    getElementsByTagName(tagName)  ：返回文档中指定标记名的所有Element节点，返回一个节点列表（可看成数组）
    createElement(tagName) ：创建由tagName指定的元素，如果以字符串div作为方法参数，就会生成一个div元素
    createTextNode(text)  ：创建一个包含静态文本text的文本节点
    createAttribute()  ：用指定的名字创建新的Attr节点
    createComment()  ：用指定的字符串创建新的comment注释节点
    
3.节点的属性
    nodeType ：节点的类型
    nodeName ：节点的名称
    nodeValue ：节点值
    parentNode ：返回当前节点的父节点，如果没有父节点，则返回null
    childNodes ：返回当前节点的所有子节点，以数组形式存放，如果没有子节点则返回空数组
    firstChild ：返回当前节点的第一个子节点。如果没有子节点，则返回null
    lastNext  ：返回当前节点的最后一个子节点
    nextSibling  ：返回当前节点的下一个兄弟节点
    previousSibing ：返回当前节点的上一个兄弟节点
    attributes ：如果该节点是一个Element节点，则以nameNodeMap形式返回该元素的属性
    innerHTML : 节点内包含的内容
    
4.常用方法
    removeChild(childNode) ：从元素中删除指定的子元素
    appendChild(childNode) ：将指定的节点（childNode）增加到当前元素的子节点列表最后（作为一个新的子节点）
    insertBefore(newNode,targetNode) ：将节点newNode作为当前元素的子节点插入到targetNode子节点元素的前面
    replaceChild(newNode,oldNode) ：将节点oldNode替换为节点newNode
    cloneNode(true) ：复制当前节点，true表示复制当前节点以及它的所有子孙节点
    hasChildNodes() ：该方法返回一个布尔值，指示元素是否有子元素
    getAttribute(name,value)  ：获得元素中的name属性的值
    setAttribute(name,value) ：设置元素中的name属性的值
    removeAttribute(name) ：从元素中删除属性name
    hasAttribute(name) ：返回该素是否具有指定name名字的属性，如果有，则返回true
    getAttributeNode()  ：以Attr节点的形式返回指定的属性的值
    setAttributeNode()  ：把指定的Attr节点添加到该元素的列表中
    removeAttributeNode() ：从元素的属性列表中删除指定的Attr节点
    getElementsByTagName(tagName) ：返回一个node数组，包含具有指定标记名的所有Element节点的子孙节点，其顺序为在文档中出现的顺序

 

注：由于未贴出练习时的示例代码，如果有属性或方法不知道用法的话，自行百度或者查阅w3school文档