HTML DOM Element insertAdjacentText() 메서드

정의와 사용법

insertAdjacentText() 지정된 위치에 텍스트를 삽입하는 메서드.

유효한 위치:

값 설명
afterbegin 요소의 시작 뒤에(첫 번째 자식 요소).
afterend 요소 뒤.
beforebegin 요소 앞.
beforeend 요소의 끝 전에(마지막 자식 요소).

실례

예제 1

제목 요소 뒤에 텍스트 삽입:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterend", text);

직접 시도해 보세요

예제 2

"afterbegin" 사용하기:

const h2 = document.getElementById("myH2");
let text = "My inserted text";
h2.insertAdjacentText("afterbegin", text);

직접 시도해 보세요

예제 3

"beforebegin" 사용하기:

h2.insertAdjacentText("beforebegin", text);

직접 시도해 보세요

예제 4

"beforeend" 사용하기:

h2.insertAdjacentText("beforeend", text);

직접 시도해 보세요

문법

element.insertAdjacentText(position, text)

또는

node.insertAdjacentText(position, text)

파라미터

파라미터 설명
position

필수입니다. 요소에 대한 위치:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
text 삽입할 텍스트.

브라우저 지원

모든 브라우저가 지원합니다 element.insertAdjacentText()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
지원 지원 지원 지원 지원 지원