.innerhtml 将 <br/> 标签转换为 <br>

Question

我正在尝试获取包含自关闭 br 标签<br/> 的 html 元素的 innerhtml，但使用 .innerhtml 会将 <br/> 转换为 <br> 标签。我正在使用 IE10 并且它没有 XHTML 解析器来获取 innerhtml。这是html：

<div>
<span>line 1<br/>line 2<br/>line 3</span>
</div>

我想保留自结束标记，但想避免使用正则表达式。谁能帮助我用其他方法来实现这一目标？

Answer 1

innerHTML 将其转换为 <br>，因为它在 html 中应该是 <br>。如果您想在 XHTML 中将其用作 <br />，则可以在获取内部 html 后将 <br> 替换为 <br />。您可以参考以下示例：

var a = document.getElementsByTagName("div")[0];
var b = a.innerHTML.split("<br>").join("<br />");
console.log(b);

<div>
  <span>line 1<br />line 2<br />line 3</span>
</div>