この例では、他のpタグの間にpタグを挿入する必要があります。プログラムには、3つのpタグしかありません。さらに多くの可能性があるので、手伝ってください。
**これはHtml構造です**
<div id="container">
<p>P1</p>
<p>p2</p>
<p>p3</p>
</div>
javascriptを使用して間にapタグを挿入したい。前もって感謝します。
さまざまな方法で要素を挿入できますが、最も柔軟なのはinsertAdjacentHTMLとinsertAdjacentElementです。
const secondP = document.querySelector("#container p:nth-child(2)");
const html = `<p>newly added p</p>`;
// add before the second p
secondP.insertAdjacentHTML("beforebegin", html);
// add after the second p
secondP.insertAdjacentHTML("afterend", html);
<div id="container">
<p>P1</p>
<p>p2</p>
<p>p3</p>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加