时间戳

首页 > 解决方案 > 当我更改 DOM 元素的 outerHTML 时会发生什么？

javascript - 当我更改 DOM 元素的 outerHTML 时会发生什么？

问题描述

我正在尝试像这样更改 DOM 元素的 outerHTML：

var span = document.createElement('span')
document.body.appendChild(span)

它成为了：

<body>
  <span></span>
<body>

我改变了它的outerHTML：

span.outerHTML = '<p></p>'

它成为了：

<body>
  <p></p>
<body>

然后我打印它outerHTML：

span.outerHTML

它打印：<span></span>.

我希望它打印<p></p>，因为我改变了它。然而，它不像我的预期那样工作。

标签： javascripthtmldom

解决方案

推荐阅读