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

How to insertAdjacentHTML between 2 different divs

我需要在 2 divs 之间获取我的 div 我的模板。我只能用外部 HTML, JS 编辑它。 模板如下所示:

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

我需要让我的 imga 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>

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

您需要在 homepage-banner DIV 之后插入。

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>');