English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 객체

JavaScript 참조 매뉴얼

JS DOM 참조 매뉴얼

HTML DOM insertAdjacentElement() 메서드

HTML DOM Element 객체

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

문법:

element.insertAdjacentElement(position,　element)
var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterend",　span);
테스트를 보세요‹/›

브라우저 호환성

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

메서드
insertAdjacentElement()는48는는8

매개변수 값

매개변수설명
position요소에 대한 상대적인 위치.
유효한 값:

  • "afterbegin"-요소 시작 후에(첫 번째 자식 요소로)

  • "afterend"-요소 후에

  • "beforebegin"-요소 전에

  • "Before end"-요소의 끝 전에(마지막 자식 요소로)

element삽입하려는 요소

기술 세부 사항

반환 값:삽입된 요소; 삽입 실패 시 반환null。
예외 상황:

  • SyntaxError-지정된 위치는 인식할 수 없는 값입니다

  • TypeError-지정된 요소는 유효한 요소가 아닙니다

더 많은 예제

사용 "beginbegin" 값:

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("afterbegin",　span);
테스트를 보세요‹/›

값 "beforebegin" 사용하기:

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforebegin", span);
테스트를 보세요‹/›

값 "beforeend" 사용하기:

var span = document.getElementsByTagName("span")[0];
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentElement("beforeend", span);
테스트를 보세요‹/›

관련 참조

HTML DOM 참조:element.insertAdjacentHTML() 메서드

HTML DOM 참조:element.insertAdjacentText() 메서드

HTML DOM 참조:node.insertBefore() 메서드

HTML DOM 참조:node.appendChild() 메서드

HTML DOM Element 객체

JavaScript History 객체HTML DOM Element 객체