JavaScript insertAdjacentText()메서드

 

텍스트 문자열을 지정위치에 삽입

 

ex) afterend : 요소 뒤

 <h2 id="a">원하는 위치는 어디</h2>

<p>1번 2번 3번 4번</p>

<button onclick="where()">클릭</button>


<script>

function where() {
  var b = document.getElementById("a");
  b.insertAdjacentText("afterend", "여기");
}

</script>

결과:

원하는 위치는 어디

여기

1번 2번 3번 4번

 

 

ex) afterbegin : 요소 시작 후(첫번째 자식)

b.insertAdjacentText("afterbegin", "여기");

결과: 

여기원하는 위치는 어디

1번 2번 3번 4번

 

 

ex) beforebegin : 요소 앞

b.insertAdjacentText("beforebegin", "여기");

결과:

여기

원하는 위치는 어디

1번 2번 3번 4번

 

 

ex) beforeend : 요소 끝 이전(마지막 자식)

b.insertAdjacentText("beforeend", "여기");

결과:

원하는 위치는 어디여기

1번 2번 3번 4번

 

 

 

 

출처: https://homzzang.com/

홈짱닷컴