innerHTML 的用法

什么是 innerHTML

innerHTML 是 DOM（文檔對象模型）中的一個屬性，它用于獲取或設置 HTML 元素內部的 HTML 代碼。

用法

獲取元素的 innerHTML：

const innerHTML = element.innerHTML;

設置元素的 innerHTML：

element.innerHTML = newHTML;

其中：

element 是要操作的 HTML 元素。
newHTML 是要設置的新 HTML 代碼。

示例

獲取某個段落元素的 innerHTML：

const paragraph = document.querySelector("p");
const innerHTML = paragraph.innerHTML;

設置某個 div 元素的 innerHTML：

const div = document.getElementById("myDiv");
div.innerHTML = "<p>Hello World!</p>";

注意

使用 innerHTML 時，會先將現有 HTML 代碼替換為新 HTML 代碼，因此請謹慎使用。
設置 innerHTML 時，瀏覽器會重新解析 HTML，這會影響頁面的性能。
對于包含動態內容或腳本的復雜元素，使用 innerHTML 可能存在安全隱患。