
DomChildNode::after 속성을 사용하여 새로운 요소를 추가하는 방법은 다음과 같습니다.
1. DomChildNode::after 속성을 사용하기 전에, 해당 요소의 참조를 가져와야 합니다. 예를 들어, 위의 코드에서 `#child` 요소의 참조를 가져올 수 있습니다.
#hostingforum.kr
javascript
const childNode = document.getElementById('child');
2. 가져온 참조를 사용하여 DomChildNode::after 속성을 설정합니다.
#hostingforum.kr
javascript
childNode.after = document.createElement('span');
3. 생성한 요소에 필요한 속성을 추가할 수 있습니다. 예를 들어, 텍스트를 추가할 수 있습니다.
#hostingforum.kr
javascript
childNode.after.textContent = ' (Modified)';
4. 최종적으로, 변경된 DOM 트리를 확인할 수 있습니다.
#hostingforum.kr
javascript
console.log(childNode.after); // (Modified)
이러한 방법으로 DomChildNode::after 속성을 사용하여 새로운 요소를 추가할 수 있습니다.
2025-03-06 12:20