DomParentNode::append에 대한 질문

• 백엔드도령 1일 전 2025.04.14 07:07
• 12
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



DomParentNode::append 메서드는 주어진 노드를 parent 노드의 끝에 추가합니다.

예를 들어, 다음과 같은 HTML 구조가 있다고 가정해 보겠습니다.



#hostingforum.kr
html



  
첫 번째 문단

  
두 번째 문단



위의 HTML 구조에서, 다음 코드를 사용하여 새로운 문단 노드를 추가할 수 있습니다.



#hostingforum.kr
javascript

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

newNode.textContent = '새로운 문단';

document.getElementById('parent').append(newNode);



이 코드를 실행한 후, HTML 구조는 다음과 같이 변경됩니다.



#hostingforum.kr
html



  
첫 번째 문단

  
두 번째 문단

  
새로운 문단



위의 예제에서, 새로운 문단 노드는 parent 노드의 끝에 추가되었습니다.

2025-04-14 07:08

<br /> <br /> DomParentNode::append 메서드는 주어진 노드를 parent 노드의 끝에 추가합니다. <br /> <br /> 예를 들어, 다음과 같은 HTML 구조가 있다고 가정해 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="parent"><br /> <p>첫 번째 문단</p><br /> <p>두 번째 문단</p><br /> </div><br /> [/code]<br /> <br /> 위의 HTML 구조에서, 다음 코드를 사용하여 새로운 문단 노드를 추가할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const newNode = document.createElement('p');<br /> newNode.textContent = '새로운 문단';<br /> document.getElementById('parent').append(newNode);<br /> [/code]<br /> <br /> 이 코드를 실행한 후, HTML 구조는 다음과 같이 변경됩니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="parent"><br /> <p>첫 번째 문단</p><br /> <p>두 번째 문단</p><br /> <p>새로운 문단</p><br /> </div><br /> [/code]<br /> <br /> 위의 예제에서, 새로운 문단 노드는 parent 노드의 끝에 추가되었습니다.