HTML DOM insertAdjacentElement() 메서드
예시
범위 요소를 헤더 요소 다음으로 이동:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
정의 및 사용
메서드 는 insertAdjacentElement()
지정된 요소를 지정된 위치에 삽입합니다.
법적 위치 값은 다음과 같습니다.
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Method | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Yes | 8 | 48 | Yes | Yes |
통사론
node.insertAdjacentElement(position, element)
매개변수 값
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
element | HTML Element | The element you want to insert |
더 많은 예
예시
"afterbegin" 값 사용:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
예시
"beforebegin" 값 사용:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
예시
"이전" 값 사용:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);