HTML DOM insertAdjacentHTML() 메서드
예시
헤더 요소 뒤에 새 <p> 요소를 삽입합니다.
var h = document.getElementById("myH2");
h.insertAdjacentHTML("afterend",
"<p>My new paragraph</p>");
정의 및 사용
이 insertAdjacentHTML()
메서드는 지정된 위치에 텍스트를 HTML로 삽입합니다.
법적 위치 값은 다음과 같습니다.
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
브라우저 지원
표의 숫자는 이 방법을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Method | |||||
---|---|---|---|---|---|
insertAdjacentHTML() | 1 | 4 | 8 | 4 | 7 |
통사론
node.insertAdjacentHTML(position, text)
매개변수 값
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) |
text | String | The text you want to insert |
더 많은 예
예시
"afterbegin" 값 사용:
h.insertAdjacentHTML("afterbegin", "<span style='color:red'>My span</span>");
예시
"beforebegin" 값 사용:
h.insertAdjacentHTML("beforebegin", "<span style='color:red'>My span</span>");
예시
"이전" 값 사용:
h.insertAdjacentHTML("beforeend", "<span style='color:red'>My span</span>");