文檔對象模型（Document Object Model，簡稱DOM）
獲取節點
getElementById 由id來進行獲取
語法：node.getElementById("id");
getElementsByClassName 由class獲取
語法：node. getElementsByClassName("class");（如有多個，按類數組排序，起始爲0）
getElementsByTagName 由標籤名獲取
語法：node. getElementsByTagName(“h1 ");（如有多個，按類數組排序，起始爲0）
getElementsByName 由name獲取
語法：node. getElementsByName(“name1 ");（如有多個，按類數組排序，起始爲0）
查看節點類型
語法：nodeObject.[nodeType][nodeName ][nodeValue ]
nodeType 返回以數字值返回指定節點的節點類型。如果節點是元素節點，則返回 1。如果節點是屬性節點，則返回 2。
nodeName 返回節點名稱（大寫的標籤名）
nodeValue 文本節點返回文本內容，其他節點返回null
DOM屬性獲取與設置
獲取方法：
element[attributename]
element . attributename
getAttribute( attributename )設置屬性：
setAttribute( attributename, attributevalue )刪除屬性：
removeAttribute( attributename )
常用屬性：
className 類名
offsetWidth 寬
offsetHeight 高
offsetLeft offsetTop 獲取距離第一個定位父節點左上角的距離
操作子節點
創建節點
createElement( )
子節點的增刪改
appendChild 在DOM子集最後添加子節點
insertBefore 在指定的已有子節點之前插入新的子節點
removeChild 刪除一個節點
replaceChild 替換節點
