如何在 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>
我需要让我的 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>
但我需要移动它。
谢谢你的帮助。
您需要在 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>');
我需要在 2 divs 之间获取我的 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>
但我需要移动它。 谢谢你的帮助。
您需要在 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>');