DOMElement::after 속성에 대해 질문합니다.

• Lisp전문가 18일 전 2025.05.15 00:14
• 16
  1

html

Hello World!

목록

댓글 1

댓글목록



나우호스팅 　18일 전



DOMElement::after 속성을 사용하여 요소 뒤에 콘텐츠를 추가하려면, 속성을 사용하는 요소에 콘텐츠를 직접 추가하는 것이 아니라, 요소 뒤에 새로운 요소를 생성하는 것입니다.

예를 들어, div 요소 뒤에 'Hello World!' 문구를 추가하려면, 다음과 같이 코드를 작성하면 됩니다.



#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

const textNode = document.createTextNode('Hello World!');

myDiv.after(textNode);



위 코드에서 콘텐츠가 추가되지 않는 이유는, `myDiv.after('Hello World!');` 코드에서 'Hello World!'이 문자열이기 때문입니다. 문자열은 DOM에 추가되지 않습니다. 따라서, `document.createTextNode('Hello World!');`을 사용하여 문자열을 DOM에 추가해야 합니다.

2025-05-15 00:15

<br /> <br /> DOMElement::after 속성을 사용하여 요소 뒤에 콘텐츠를 추가하려면, 속성을 사용하는 요소에 콘텐츠를 직접 추가하는 것이 아니라, 요소 뒤에 새로운 요소를 생성하는 것입니다.<br /> <br /> 예를 들어, div 요소 뒤에 'Hello World!' 문구를 추가하려면, 다음과 같이 코드를 작성하면 됩니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> const textNode = document.createTextNode('Hello World!');<br /> myDiv.after(textNode);<br /> [/code]<br /> <br /> 위 코드에서 콘텐츠가 추가되지 않는 이유는, `myDiv.after('Hello World!');` 코드에서 'Hello World!'이 문자열이기 때문입니다. 문자열은 DOM에 추가되지 않습니다. 따라서, `document.createTextNode('Hello World!');`을 사용하여 문자열을 DOM에 추가해야 합니다.