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
支持 支持 支持 支持 支持 支持