• 原理分析：HTML載入完畢，渲染引擎會在記憶體中把HTML文件，生成一個DOM樹，獲取DOM上的元素節點後，操作時修改的便是該元素的屬性。
• 我們可以通過DOM節點來訪問與之相關的其他節點，比如父節點、兄弟節點和子節點。

以上就是獲取節點的方式，可以呼叫這些方法獲取相應的節點，需要注意相容性的問題。另外，由於childNodes方法會獲取DOM樹中所有的節點（包括元素節點、文字節點等）因此需要進行判斷，nodeType值為1時，便可獲取到所有的元素節點。

• 節點的操作：我們可以利用這些方法對節點進行動態的增刪操作，具體方法如下。

注意事項:

1. 建立節點後，一定要用appendChild的方法來承接節點，否則系統無法判斷出建立節點的位置，結果自然也無法展示出。
2. 克隆節點的方法為：新節點=要複製的節點.cloneNode(引數) ; 引數可選複製節點
   引數為布林值，如果是false則為淺拷貝（只能拷貝一層元素）如果是true則為深拷貝（可以拷貝多層元素）

• 節點屬性的操作

1. 獲取：getAttribute(名稱)
2. 設定：setAttribute(名稱, 值)
3. 刪除：removeAttribute(名稱)