HTML DOM Element outerHTML 屬性

定義和用法

outerHTML 屬性設置或返回 HTML 元素，包括屬性、開始標簽和結束標簽。

實例

例子 1

更改第一個 h2 元素及其內容：

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

親自試一試

例子 2

用標題替換元素：

element.outerHTML = "<h2>This is a h2 element</h2>";

親自試一試

例子 3

輸出 <h1> 元素的外部 HTML：

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

親自試一試

例子 4

輸出 <ul> 元素的外部 HTML：

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

親自試一試

語法

返回 outerHTML 屬性：

element.outerHTML

設置 outerHTML 屬性：

element.outerHTML = text

屬性值

值 描述
text 新的 HTML 內容。

返回值

類型 描述
字符串 元素的 HTML 內容，包括屬性、開始標簽和結束標簽。

瀏覽器支持

所有瀏覽器都支持 element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持