「javaScript」 insertAdjacentElement メソッドで特定の要素の直後に要素を挿入する

2014年10月13日2020年10月27日

構文
targetElement.insertAdjacentElement(position, element);
特定の要素のすぐ後に新しい要素を挿入します。
postiton
'beforeend’: 特定の要素の直前
'afterend’: 特定の要素の直後

htmlコード
<div id="cft">this is a sample</div>

JavaScriptコード
var cftA = document.getElementById('cft’);
var cftB = document.createElement('div’);
var intContent = document.createTextNode('insert new text’);
cftB.appendChild(intContent);
cftA.insertAdjacentElement('afterend’, cftB);