javascript - 什么时候应该在JavaScript中使用externalHTML？

Closed. This question needs to be more focused。它当前不接受答案。












想改善这个问题吗？更新问题，使其仅关注editing this post的一个问题。

3年前关闭。



Improve this question




什么时候应该使用innerHTML和externalHTML有什么区别。以及如何最好地实现externalHTML来替换或添加内容？

最佳答案

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

如果要完全替换元素及其内容，请使用externalHTML。

如果您有加载部分，则可以执行此操作。用externalHTML替换的新内容将其替换。

<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>

关于javascript - 什么时候应该在JavaScript中使用externalHTML？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2483429/