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

【问题标题】：How to insertAdjacentHTML between 2 different divs如何在 2 个不同的 div 之间插入 AdjacentHTML
【发布时间】：2022-01-22 01:26:30
【问题描述】：

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

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

我需要在这两者之间获得我的 img 和 a 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>

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

【问题讨论】：

标签： javascript html insertadjacenthtml

【解决方案1】：

您需要在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>');

【讨论】：

天哪，你说得对，我做了这个网站7天，一整天，今天才找到这个方法，我想我直到现在才明白。谢谢。