javascript - 如何在 2 个不同的 div 之间插入 AdjacentHTML

Question

我需要在模板内的2 个div之间获取div 。我只能用外部 HTML、JS 来编辑它。模板如下所示：

<main id="content-in">
    <div id="homepage-banner"> XXX </div>
    <div id="carousel-banner"> XXX </div>

我需要在这两个之间获取我的img和href <div id="moveOut"> XXX </div>。

我现在有这样的工作正常：

<script>
function addCode() {
    var d1 = document.getElementById('content-in');
    d1.insertAdjacentHTML('afterbegin', '<div id="moveOut"><a href="https://example.com/"><img src="https://example.png" alt=""></a></div>');
        }
</script>

但我需要移动它。谢谢您的帮助。

Answer 1

您需要在homepage-bannerDIV 之后插入。

var d1 = document.getElementById("homepage-banner");
d1.insertAdjacentHTML('afterend', '<div id="moveOut"><a href="https://example.com/"><img src="https://example.png" alt=""></a></div>');