DomParentNode::prepend 관련 질문

• 정렬연구가 6일 전 2025.04.16 01:16
• 18
  1

javascript

const div = document.createElement('div');

const p = document.createElement('p');

p.textContent = 'Hello, world!';

div.appendChild(p);

목록

댓글 1

댓글목록



나우호스팅 　6일 전



DomParentNode::prepend 메서드는 자식 요소를 현재 요소의 시작 부분에 추가하는 메서드입니다. 기존의 appendChild 메서드는 자식 요소를 현재 요소의 끝 부분에 추가하는 반면, prepend 메서드는 시작 부분에 추가합니다.

prepend 메서드를 사용할 때는 다음과 같은 형식으로 사용할 수 있습니다.



#hostingforum.kr
javascript

const 요소 = document.createElement('요소');

const 자식요소 = document.createElement('자식요소');

자식요소.textContent = 'Hello, world!';

요소.prepend(자식요소);



위 코드에서 prepend 메서드를 사용해 p 요소를 div 요소의 시작 부분에 추가하는 방법은 다음과 같습니다.



#hostingforum.kr
javascript

const div = document.createElement('div');

const p = document.createElement('p');

p.textContent = 'Hello, world!';

div.prepend(p);



이러한 코드를 실행하면, div 요소의 시작 부분에 p 요소가 추가됩니다.

2025-04-16 01:17

<br /> <br /> DomParentNode::prepend 메서드는 자식 요소를 현재 요소의 시작 부분에 추가하는 메서드입니다. 기존의 appendChild 메서드는 자식 요소를 현재 요소의 끝 부분에 추가하는 반면, prepend 메서드는 시작 부분에 추가합니다.<br /> <br /> prepend 메서드를 사용할 때는 다음과 같은 형식으로 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const 요소 = document.createElement('요소');<br /> const 자식요소 = document.createElement('자식요소');<br /> 자식요소.textContent = 'Hello, world!';<br /> 요소.prepend(자식요소);<br /> [/code]<br /> <br /> 위 코드에서 prepend 메서드를 사용해 p 요소를 div 요소의 시작 부분에 추가하는 방법은 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const div = document.createElement('div');<br /> const p = document.createElement('p');<br /> p.textContent = 'Hello, world!';<br /> div.prepend(p);<br /> [/code]<br /> <br /> 이러한 코드를 실행하면, div 요소의 시작 부분에 p 요소가 추가됩니다.