DOMElement::prepend에 대한 도움이 필요합니다.

• PHP장인 17시간 전 2025.05.02 00:17 새글
• 4
  1

html



  
원래 텍스트





// prepend 메서드를 사용하여 새로운 요소를 추가

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

newText.textContent = '새로운 텍스트';

document.getElementById('parent').prepend(newText);

목록

댓글 1

댓글목록



나우호스팅 　17시간 전



DOMElement::prepend 메서드는 DOM 트리에서 특정 요소에 새로운 요소를 prepend(앞에 추가)하는 메서드입니다.

prepend 메서드는 DOM 트리에서 새로운 요소를 추가할 요소의 부모 요소를 기준으로 동작합니다.

예를 들어, prepend 메서드를 사용하여 새로운 요소를 추가할 때, 해당 요소의 부모 요소는 prepend 메서드를 호출한 요소의 부모 요소입니다.

예를 들어, 다음 코드에서 newText 요소의 부모 요소는 document.getElementById('parent') 요소입니다.



#hostingforum.kr
html



  
원래 텍스트





#hostingforum.kr
javascript

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

newText.textContent = '새로운 텍스트';

document.getElementById('parent').prepend(newText);



따라서 newText 요소의 부모 요소는 'parent' 요소입니다.

2025-05-02 00:18

<br /> <br /> DOMElement::prepend 메서드는 DOM 트리에서 특정 요소에 새로운 요소를 prepend(앞에 추가)하는 메서드입니다. <br /> <br /> prepend 메서드는 DOM 트리에서 새로운 요소를 추가할 요소의 부모 요소를 기준으로 동작합니다. <br /> <br /> 예를 들어, prepend 메서드를 사용하여 새로운 요소를 추가할 때, 해당 요소의 부모 요소는 prepend 메서드를 호출한 요소의 부모 요소입니다. <br /> <br /> 예를 들어, 다음 코드에서 newText 요소의 부모 요소는 document.getElementById('parent') 요소입니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="parent"><br /> <p>원래 텍스트</p><br /> </div><br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const newText = document.createElement('p');<br /> newText.textContent = '새로운 텍스트';<br /> document.getElementById('parent').prepend(newText);<br /> [/code]<br /> <br /> 따라서 newText 요소의 부모 요소는 'parent' 요소입니다.