[JavaScript] insetAdjacentHTML()
InsertAdjacentHTML()メソッドは、HTMLやXMLなどの特定のテキストをグループ化し、DOMツリーに必要なノードを特定の場所に追加します.すでに使用されている要素はグループ化されません.したがって、エレメントに存在するエレメントには触れません.(innerHtmlとは異なる).仕事はinnerHtmlより速い.
positionは次の単語しか使用できません. beforecoregin:elementの前の afterbegin:要素の最初のchild beforend:elementで最後のchild afterend:elementの後の
https://developer.mozilla.org/ko/docs/Web/API/Element/insertAdjacentHTML
語句
element.insertAdjacentHTML(position, text);使用可能な範囲
positionは次の単語しか使用できません.
<!-- beforebegin -->
<p>
<!-- afterbegin -->
foo
<!-- beforeend -->
</p>
<!-- afterend -->EXAMPLE
// <div id="one">one</div>
let d1 = document.getElementById('one');
d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
// At this point, the new structure is:
// <div id="one">one</div><div id="two">two</div>REFERENCE
https://developer.mozilla.org/ko/docs/Web/API/Element/insertAdjacentHTML
Reference
この問題について([JavaScript] insetAdjacentHTML()), 我々は、より多くの情報をここで見つけました https://velog.io/@godud2604/TIL-JavaScript-insetAdjacentHTMLテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol