나우호스팅 9시간 전 Hello World! 2025-04-25 08:01 <br /> <br /> DOMElement::getElementsByTagName 함수는 HTML 문서 내의 엘리먼트를 찾는 데 사용되는 메서드입니다. 이 함수가 반환하는 NodeList는 동적인 것입니다. <br /> <br /> 즉, 함수에 지정한 엘리먼트가 문서 내에서 삭제되거나 추가될 경우, 반환 NodeList에 반영됩니다. NodeList는 엘리먼트가 변경될 때마다 자동으로 업데이트되기 때문입니다. <br /> <br /> 예를 들어, 다음과 같은 HTML 문서가 있다고 가정해 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <html><br /> <body><br /> <div id="container"><br /> <p id="paragraph">Hello World!</p><br /> </div><br /> </body><br /> </html><br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const container = document.getElementById('container');<br /> const paragraphs = container.getElementsByTagName('p');<br /> <br /> console.log(paragraphs.length); // 1<br /> <br /> // paragraph 엘리먼트를 삭제합니다.<br /> document.getElementById('paragraph').remove();<br /> <br /> console.log(paragraphs.length); // 0<br /> [/code]<br /> <br /> 위의 예제에서, `getElementsByTagName` 함수는 `container` 엘리먼트 내의 `p` 엘리먼트를 찾습니다. 처음에는 1개의 `p` 엘리먼트가 반환됩니다. 그런 다음 `paragraph` 엘리먼트를 삭제합니다. 그리고 `getElementsByTagName` 함수를 다시 호출하면, 반환 NodeList는 비어 있습니다. <br /> <br /> 이러한 동적인 특성 때문에 NodeList를 사용하는 것이 유용합니다. NodeList는 엘리먼트가 변경될 때마다 자동으로 업데이트되기 때문입니다.