HTML DOM 元素 outerHTML

更改第一个 h2 元素及其内容：

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

用标题替换元素：

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

警告 <h1> 元素的外部 HTML：

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

警告 <ul> 元素的外部 HTML：

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

描述

这个outerHTMLproperty 设置或返回 HTML 元素，包括属性、开始标记和结束标记。

返回outerHTML属性：

element.outerHTML

设置outerHTML属性：

element.outerHTML = text

Value	Description
text	The new HTML content.

类型	描述
字符串	元素的 HTML 内容，包括属性、开始标签和结束标签。

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


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes