什么时候应该在JavaScript中使用outerHTML？ [关闭]

何时应使用innerHTML 和outerHTML 有什么区别？您将如何最好地实现outerHTML 来替换或添加内容？

externalHTML 是元素的 HTML，包括元素本身。将此与元素的innerHTML 进行对比，innerHTML 是元素开始和结束标记中包含的HTML。根据定义，没有开始和结束标签的元素没有innerHTML。

当您想要完全替换元素及其内容时，请使用outerHTML。

如果您有加载部分，您可以这样做。新的内容与outerHTML 将取代它。

<div id="exampleA" class="styleA">
  <p>Here could be a default message where the div has specific styling. These are useful for things like default error or loading messages.</p>
</div>

<script>
 document.getElementById("exampleA").outerHTML = '<div id="welcome" class="styleB">Welcome to the site</div>';
</script>

当您只想替换元素内的内容时，请使用innerHTML。

例如，如果您有默认内容，但新数据可以随时替换它。

<h2>Today's Coffees</h2>
<ul id="exampleB"><li>House Blend</li></ul>

<script>
document.getElementById("exampleB").innerHTML = '<li>Sumatra blend</li><li>Kenyan</li><li>Colombian medium blend</li>';
</script>