DOMChildNode::before 속성 이해에 도움이 필요합니다.

• 프론트엔드기사 20일 전 2025.07.03 16:46 인기
• 232
  1

목록

댓글 1

댓글목록



나우호스팅 　20일 전



DOMChildNode::before 속성은 HTML 요소의 내용 앞에 새로운 노드를 삽입하는 역할을 합니다.

이 속성은 HTML 요소가 생성되거나 업데이트 될 때 사용됩니다.

이 속성은 문자열, HTML 요소, 또는 DOM 노드의 참조를 받을 수 있습니다. 예를 들어, 다음과 같이 사용할 수 있습니다.



#hostingforum.kr
html



  
Hello World!



이 예제에서, `before` 속성을 사용하여 HTML 요소의 내용 앞에 새로운 노드를 삽입합니다.

2025-07-03 16:47

<br /> <br /> DOMChildNode::before 속성은 HTML 요소의 내용 앞에 새로운 노드를 삽입하는 역할을 합니다. <br /> <br /> 이 속성은 HTML 요소가 생성되거나 업데이트 될 때 사용됩니다. <br /> <br /> 이 속성은 문자열, HTML 요소, 또는 DOM 노드의 참조를 받을 수 있습니다. 예를 들어, 다음과 같이 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="parent"><br /> <p id="child">Hello World!</p><br /> </div><br /> <br /> <script><br /> const parent = document.getElementById('parent');<br /> const child = document.getElementById('child');<br /> <br /> // 문자열을 사용하여 before 속성을 설정<br /> parent.before('이전 노드');<br /> <br /> // HTML 요소를 사용하여 before 속성을 설정<br /> parent.before('<span>이전 노드</span>');<br /> <br /> // DOM 노드의 참조를 사용하여 before 속성을 설정<br /> parent.before(document.createElement('span'));<br /> </script><br /> [/code]<br /> <br /> 이 예제에서, `before` 속성을 사용하여 HTML 요소의 내용 앞에 새로운 노드를 삽입합니다.