Element 對象提供了 innerHTML 屬性用于實現獲取或設置 HTML 頁面指定元素的 HTML 代碼。 ## 獲取 HTML 代碼 innerHTML 屬性表示 HTML 頁面指定元素后代的 HTML 代碼，其語法結構如下: ```javascript var content = element.innerHTML; ``` 在上述語法結構中，作為返回值 content 表示描述元素后代的 HTML 語句。 需要說明的是，在上述語法結構中，調用 innerHTML 屬性的 element 表示元素節點。元素節點本身也是一個元素。 我們可以通過以下示例代碼，學習如何通過 innerHTML 屬性獲取指定元素的 HTML 語句: ```javascript var parent = document.getElementById('parent'); var content = parent.innerHTML; console.log(content); ``` ## 設置 HTML 代碼 innerHTML 屬性不僅提供了獲取 HTML 頁面中指定元素的后代 HTML 語句，還提供了設置 HTML 頁面中指定元素的后代 HTML 語句。其語法結構如下: ```javascript element.innerHTML = markup; ``` 在上述語法結構中，markup 表示設置描述元素后代的 HTML 語句。 我們可以通過以下示例代碼，學習如何通過 innerHTML 屬性設置指定元素的 HTML 語句: ```javascript var parent = document.getElementById('parent'); parent.innerHTML = '<button name="btn" class="button animate">A Button</button>'; ``` ## 不是 W3C 規范 盡管 innerHTML 屬性不屬于 W3C DOM 規范，但是它為完全替換元素內容提供了一個更加便捷的方式。 舉個例子，可以通過如下代碼完全刪除文檔內body的內容: ```javascript document.body.innerHTML = ""; ``` > **值得注意的是:** 因為 innerHTML 屬性沒有統一的標準，各瀏覽器廠商對它實現差別很大。