DOM(Document Object Model) 요소를 선택하기 위한 메서드

getElementById

• 주어진 id 속성 값과 일치하는 요소를 선택합니다.

• document.getElementById("elementId")

getElementsByClassName

• 주어진 클래스 이름과 일치하는 모든 요소를 선택합니다.
• document.getElementsByClassName("className")

getElementsByTagName

• 주어진 HTML 태그 이름과 일치하는 모든 요소를 선택합니다.
• document.getElementsByTagName("tagName")

querySelector

• 주어진 CSS 선택자에 일치하는 첫 번째 요소를 선택합니다.
• document.querySelector("selector")

querySelectorAll

• 주어진 CSS 선택자에 일치하는 모든 요소를 선택합니다.
• document.querySelectorAll("selector")

getElementByName

• 주어진 name 속성 값과 일치하는 요소를 선택합니다. (주로 폼 요소에서 사용됩니다)
• document.getElementsByName("name")

children

• 선택한 요소의 모든 자식 요소를 선택합니다.
• element.children

parentNode

• 선택한 요소의 부모 요소를 선택합니다.
• element.parentNode

nextSibling와 previousSibling

• 선택한 요소의 다음 형제 요소와 이전 형제 요소를 선택합니다.
• element.nextSibling 및 element.previousSibling

이 외에도 더 많은 선택 메서드가 있으며, 선택하고자 하는 요소의 구체적인 조건과 상황에 맞게 적절한 메서드를 선택하여 사용할 수 있습니다.