목차
- insertAdjacentHTML() 예제 - 요소 끝 뒤에 삽입
- insertAdjacentHTML() 정의
- insertAdjacentHTML() 구문
insertAdjacentHTML() 예제 - 요소 끝 뒤에 추가
<h2 id="hz">홈짱닷컴 Homzzang.com</h2>
<p>HTML CSS JS JQ PHP SQL BS</p>
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var h = document.getElementById("hz");
h.insertAdjacentHTML("afterend", "<p>홈페이지 제작관리</p>");
}
</script>
결과보기
insertAdjacentHTML() 정의
HTML 문자열을 지정위치에 삽입. (IE4 이상)
insertAdjacentHTML() 구문
node.insertAdjacentHTML(position, text)
[매개변수]
position
필수. 요소(node)에 대한 상대적 위치를 표시하는 문자열. (가능값 종류)
beforebegin<element>afterbegin...beforeend</element>afterend
- beforebegin - 요소 시작 바로 앞
- afterbegin - 요소 시작 바로 뒤 (= 첫 번째 자식으로)
- beforeend - 요소 끝 바로 앞 (= 마지막 자식으로)
- afterend - 요소 끝 바로 뒤
text
필수. 삽입할 HTML 문자열