时间戳

首页 > 解决方案 > 使用 vanilla javascript 从 XHR 请求中附加 HTML

javascript - 使用 vanilla javascript 从 XHR 请求中附加 HTML

问题描述

如果我有这样的 HTML 内容：

<div id="my1">
    <div id="1">This is div 1</div> 
    <div id="2">This is div 2</div> 
    <div id="3">This is div 3</div> 
    <div id="4">This is div 4</div> 
    <div id="5">This is div 5</div> 
</div>

如何附加从这样的 XHR 请求返回的 HTML 字符串：

<div class="cA cB cC" data-type"a">
    <div>Success Message Here<div>
    <div class="cL">Undo</div>
</div>

所以最终的结果是：

<div id="my1">
    <div id="1">This is div 1</div> 
    <div id="2">This is div 2</div> 
    <div id="3">This is div 3</div> 
    <div id="4">This is div 4</div> 
    <div id="5">This is div 5</div>
    <div class="cA cB cC" data-type"a">
       <div>Success Message Here<div>
       <div class="cL">Undo</div>
    </div>
</div>

问题是，我不想这样做，document.createElement(div).appendChild()因为它已经格式化了类和数据属性。

有没有办法简单地将这个 HTML 添加到我需要的地方？

标签： javascript

解决方案

您可以附加到 div 的 innerHTML。假设您要添加的内容存储在一个名为的变量中html：

document.getElementById('my1').innerHTML += html

推荐阅读