【5】DOM

DOM

全稱Document Object MOdel，即文檔對象模型。

更新說明：

1. 2015/12/03更新
   
   • 增加innerHTML的說明

一、功能

• 將HTMl頁面標記按順序在內存中組建成一顆DOM樹，再解析到瀏覽器窗口

• 添加、刪除、修改頁面的某一部分

二、Document對象

• 通過window.document獲取

• 集合:all、forms、images、links

• 屬性：body、domain、referer、title、URL

• 方法：write()、getElementById()、getElementByName()、
  getElementByTagName()、getElementByClass

1.節點Node

• 劃分1
  
  • 文檔節點（document）
  • 文本節點（element）
  • 屬性節點（attribute）
  • 註釋節點（comment）
• 劃分2
  
  • 子節點
  • 父節點
  • 兄弟節點

2.訪問節點

1. 使用document的方法（id、tagName、nodeList）

2. 使用元素節點的屬性（parentNode、firstChild、lastChild、innerHTML、childNodes）

3. 訪問根節點

   • document.documentElement
   • document.body

4. 信息屬性（nodeName、nodeValue、nodeType）

3.操作節點

1. 創建節點：document.createXXX(YYY);

   • 設置節點屬性：elt.setAttribute(name,value);

2. 掛載新節點

   • elt.appendChild(e)
   • elt.insertBefore(e,child)

3. 移除節點：elt.removeChild(eChild)

4.設置CSS樣式

elt.style.樣式名=值

5.補充

5.1 innerHTML

1. 功能

Sets or retrieves the HTML between the start and end tags of the object.
設置標籤體的內容

1. 語法

HTML	N/A (不適用)
Scripting	object.innerHTML [ = sHTML ]

3. 可用的值

sHTML String that specifies or receives the content between the start and end tags.
字符串