「JavaScript」insertAdjacentHTMLメソッドで要素の直後にHTML の文字列を挿入する

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

構文
targetElement.insertAdjacentElement(position, element);
“afterend"　自身の直後にに挿入する。

使用例
htmlコード
<p id="cft">test data</p>

JavaScriptコード
var cftA = document.getElementById('cft’);
cftA.insertAdjacentHTML('afterend’, '<b>after insert text</b>’);