innerhtml 是 dom 中用于獲取或設置 html 元素內部 html 代碼的屬性。用法為:1. 獲取元素的 innerhtml:element.innerhtml;2. 設置元素的 innerhtml:element.innerhtml = newhtml。
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 時,會先將現(xiàn)有 HTML 代碼替換為新 HTML 代碼,因此請謹慎使用。
設置 innerHTML 時,瀏覽器會重新解析 HTML,這會影響頁面的性能。
對于包含動態(tài)內容或腳本的復雜元素,使用 innerHTML 可能存在安全隱患。