JavaScript에서 요소의 마지막 자식 노드를 반환하는 방법은 무엇인가요?

JavaScript에서는 lastChild 속성을 사용하여 요소의 마지막 자식 노드를 반환할 수 있습니다. 이 속성은 Node 인터페이스에 정의되어 있으며, 모든 노드 유형에서 사용할 수 있습니다.

const element = document.getElementById('myElement');
const lastChild = element.lastChild;
console.log(lastChild);

위의 예제에서는 getElementById 메서드를 사용하여 myElement ID를 가진 요소를 가져온 다음, lastChild 속성을 사용하여 해당 요소의 마지막 자식 노드를 반환합니다. 반환된 값은 Node 객체이므로, 해당 노드의 유형에 따라 다른 속성과 메서드를 사용할 수 있습니다.

또 다른 방법으로는 lastElementChild 속성을 사용하는 것입니다. 이 속성은 Element 인터페이스에 정의되어 있으며, 요소 노드에서만 사용할 수 있습니다.

const element = document.getElementById('myElement');
const lastChild = element.lastElementChild;
console.log(lastChild);

위의 예제에서는 getElementById 메서드를 사용하여 myElement ID를 가진 요소를 가져온 다음, lastElementChild 속성을 사용하여 해당 요소의 마지막 자식 요소를 반환합니다. 반환된 값은 Element 객체이므로, 해당 요소의 속성과 메서드를 사용할 수 있습니다.