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

属性值

返回值

浏览器支持

所有浏览器都支持 element.outerHTML：