innerhtml 是 dom 中用于獲取或設(shè)置 html 元素內(nèi)部 html 代碼的屬性。用法為:1. 獲取元素的 innerhtml:element.innerhtml;2. 設(shè)置元素的 innerhtml:element.innerhtml = newhtml。
innerHTML 的用法
什么是 innerHTML
innerHTML 是 DOM(文檔對象模型)中的一個屬性,它用于獲取或設(shè)置 HTML 元素內(nèi)部的 HTML 代碼。
用法
獲取元素的 innerHTML:
const innerHTML = element.innerHTML;
登錄后復(fù)制
設(shè)置元素的 innerHTML:
element.innerHTML = newHTML;
登錄后復(fù)制
其中:
element 是要操作的 HTML 元素。
newHTML 是要設(shè)置的新 HTML 代碼。
示例
獲取某個段落元素的 innerHTML:
const paragraph = document.querySelector("p"); const innerHTML = paragraph.innerHTML;
登錄后復(fù)制
設(shè)置某個 div 元素的 innerHTML:
const div = document.getElementById("myDiv"); div.innerHTML = "<p>Hello World!</p>";
登錄后復(fù)制
注意
使用 innerHTML 時,會先將現(xiàn)有 HTML 代碼替換為新 HTML 代碼,因此請謹(jǐn)慎使用。
設(shè)置 innerHTML 時,瀏覽器會重新解析 HTML,這會影響頁面的性能。
對于包含動態(tài)內(nèi)容或腳本的復(fù)雜元素,使用 innerHTML 可能存在安全隱患。