HTML DOM insertAdjacentText() 메서드

insertAdjacentText()메서드는 주어진 텍스트 노드를 호출된 요소에 대한 주어진 위치에 삽입합니다.

문법:

element.insertAdjacentText(position, text)

예제

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterend", "Hello world");

테이블에 나타난 숫자는 insertAdjacentText() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

메서드
insertAdjacentText()	는	48	는	는	8

매개변수	설명
position	요소에 대한 위치. 유효한 값: "afterbegin"-요소가 시작된 후에(첫 번째 자식으로) "afterend"-요소 뒤에 "beforebegin"-요소 전에 "beforeend"-요소가 끝나기 전에(마지막 자식 요소로)
text	삽입하려는 텍스트

반환 값:	없음
예외 상황:	SyntaxError-지정된위치(position)인식할 수 없는 값

"beginbegin" 값 사용:

예제

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterbegin", "Hello world");

"beforebegin" 값 사용:

예제

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforebegin", "Hello world");

"beforeend" 값 사용:

예제

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforeend", "Hello world");