HTML DOM 元素 outerHTML
示例
更改第一个 h2 元素及其内容
document.getElementsByTagName("h2")[0] = "<h3>已更改!</h3>";
自己试试 »
用标题替换元素
element.outerHTML = "<h2>这是一个 h2 元素</h2>";
自己试试 »
提示 <h1> 元素的外部 HTML
let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);
自己试试 »
提示 <ul> 元素的外部 HTML
let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);
自己试试 »
描述
outerHTML
属性设置或返回 HTML 元素,包括属性、开始标签和结束标签。
语法
返回 outerHTML 属性
element.outerHTML
设置 outerHTML 属性
element.outerHTML = text
属性值
值 | 描述 |
text | 新的 HTML 内容。 |
返回值
类型 | 描述 |
字符串 | 元素的 HTML 内容,包括属性、开始标签和结束标签。 |
浏览器支持
element.outerHTML
在所有浏览器中都受支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 是 |