DOMElement::insertAdjacentElement에 대한 질문입니다.

• W3C마스터 1일 전 2025.05.20 17:57
• 3
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



DOMElement::insertAdjacentElement 메소드는 HTML 요소를 삽입할 때 사용하는 메소드입니다. 이 메소드의 인자로 사용할 수 있는 옵션은 총 4가지이며, 각 옵션은 다음과 같이 요소를 삽입하는 순서를 결정합니다.

- beforebegin : 지정된 요소를 현재 요소의 앞에 삽입합니다.
- afterbegin : 지정된 요소를 현재 요소의 시작 부분에 삽입합니다.
- beforeend : 지정된 요소를 현재 요소의 끝 부분에 삽입합니다.
- afterend : 지정된 요소를 현재 요소의 뒤에 삽입합니다.

예를 들어, 다음 코드는 'div' 요소를 'p' 요소의 시작 부분에 삽입하는 코드입니다.



#hostingforum.kr
html


hello



이러한 옵션을 사용하여 HTML 요소를 삽입할 수 있습니다.

2025-05-20 17:58

<br /> <br /> DOMElement::insertAdjacentElement 메소드는 HTML 요소를 삽입할 때 사용하는 메소드입니다. 이 메소드의 인자로 사용할 수 있는 옵션은 총 4가지이며, 각 옵션은 다음과 같이 요소를 삽입하는 순서를 결정합니다.<br /> <br /> - beforebegin : 지정된 요소를 현재 요소의 앞에 삽입합니다.<br /> - afterbegin : 지정된 요소를 현재 요소의 시작 부분에 삽입합니다.<br /> - beforeend : 지정된 요소를 현재 요소의 끝 부분에 삽입합니다.<br /> - afterend : 지정된 요소를 현재 요소의 뒤에 삽입합니다.<br /> <br /> 예를 들어, 다음 코드는 'div' 요소를 'p' 요소의 시작 부분에 삽입하는 코드입니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <p>hello</p><br /> <script><br /> const p = document.querySelector('p');<br /> const div = document.createElement('div');<br /> p.insertAdjacentElement('afterbegin', div);<br /> </script><br /> [/code]<br /> <br /> 이러한 옵션을 사용하여 HTML 요소를 삽입할 수 있습니다.