지정된 위치에 HTML 문자열을 삽입한다.

인수/파라메터
sLoc
필수적인 요소이며, HTML 문자열을 삽입할 위치를 나타내는 문자열이다.
beforeBegin HTML 문자열 sText를 개체의 바로 전에 삽입한다.
afterBegin HTML 문자열 sText를 개체가 시작되고 모든 다른 내용들 전에 삽입한다.
beforeEnd HTML 문자열 sText를 개체가 종료되기 전에 모든 다른 내용들 다음에 삽입한다.
afterEnd HTML 문자열 sText를 개체가 종료된 바로 다음에 삽입한다.
sText

필수적인 요소이며, 삽입될 지정된 HTML 문자열이다. 문자열은 텍스트와 HTML 태그를 혼합할 수 있다. HTML 문자열이 유효하지 않으면 이 메서드는 실패할 것이다.

반환값

반환값은 없다.

특기

텍스트가 HTML 태그를 포함하고 있으면, 이 메서드는 파스(parse)하고 택스트를 삽입한 상태로 양식화 한다.

문서가 로딩되는 동안에는 삽입할 수 없다.
이 메서드를 사용하기 위해서는 onload가 발생될 떄까지 기다려야 한다.

insertAdjacentHTML 메서드를 스크립트를 삽입하는데 사용할 때, script 엘레멘트의 defer 애트리부트를 설정하여야 한다.

적용
개체scriptIE
참조
innerHTML outerHTML innerText outerText
insertAdjacentElement insertAdjacentHTML insertAdjacentText

insertAdjacentHTML 메서드로 문서에 스크립트 태그 문자열을 삽입한다.

<DIV id=ScriptDiv style="border:solid 1 blue"></DIV>
<SCRIPT>
var sHTML='<INPUT type=button onclick="go2()" value="스크립트 삽입 클릭"><BR>';
var sScript='\<SCRIPT defer\>function go2(){ alert("스크립트로 삽입된 문자열") }\</SCRIPT\>';
ScriptDiv.insertAdjacentHTML('afterBegin',sHTML+sScript);
</SCRIPT>