「JavaScript」insertAdjacentElement()メソットで要素を相対的な位置に挿入する
構文
targetElement.insertAdjacentElement(position, element);
positionパラメータ
“beforebegin"
自身の直前に挿入
“afterbegin"
最初の子ノードとして挿入
“beforeend"
最後の子ノードとして挿入
“afterend"
自身の直後にに挿入
第2引数: element
Element element
挿入します要素。
JavaScriptコード
var cftA = document.getElementById('kdf’);
var cftB = document.createElement('div’);
var newCon = document.createTextNode('insert new text’);
cftB.appendChild(newCon);
cftA.insertAdjacentElement('beforebegin’, cftB);
htmlコード
<div id="kdf">this is a demo text</div>