insertAdjacentHTML 지정된 위치에 HTML 삽입

insertAdjacentHTML

<script>
function insertMyText()
{
   var obj = document.getElementById("objTxtDiv");
   obj.insertAdjacentHTML("BeforeEnd", "<P>" + objText.value + "</P>");
}
</script>

<input type="text" id=objText value="이곳에 적절한 텍스트를 입력하세요!">
<input type="button" onclick="insertMyText()" value="삽입"></p>

<div id=objTxtDiv> </div>

---

인수/파라메터

sLoc

필수적인 요소이며, HTML 문자열을 삽입할 위치를 나타내는 문자열이다.

beforeBegin	HTML 문자열 sText를 개체의 바로 전에 삽입한다.
afterBegin	HTML 문자열 sText를 개체가 시작되고 모든 다른 내용들 전에 삽입한다.
beforeEnd	HTML 문자열 sText를 개체가 종료되기 전에 모든 다른 내용들 다음에 삽입한다.
afterEnd	HTML 문자열 sText를 개체가 종료된 바로 다음에 삽입한다.

sText

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

반환값

반환값은 없다.

특기

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

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

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