document.getElementById(id)와 DOM 노드의 선택

• 최적화마스터 오래 전 2025.06.12 15:49 인기
• 102
  1

목록

댓글 1

댓글목록



나우호스팅 　오래 전



document.getElementById(id) 함수는 HTML 문서에서 id가 매칭되는 첫 번째 요소를 반환합니다.

id는 유일해야 하며, 중복된 id는 존재할 수 없습니다. 만약 id가 중복된다면, 이 함수는 첫 번째 매칭되는 요소를 반환합니다.

문자열 매개변수 id는 HTML 요소의 id 속성을 매칭하는지 확인합니다. id가 없는 경우, 이 함수는 null을 반환합니다.

예를 들어, HTML 문서에 다음과 같은 요소가 존재할 경우:



#hostingforum.kr
html

헤더

헤더2



document.getElementById("header") 함수는 첫 번째 매칭되는 요소인

헤더

를 반환합니다.

만약 id가 없는 경우, 예를 들어:



#hostingforum.kr
html

헤더

헤더2



document.getElementById("header") 함수는 null을 반환합니다.

2025-06-12 15:50

<br /> <br /> document.getElementById(id) 함수는 HTML 문서에서 id가 매칭되는 첫 번째 요소를 반환합니다. <br /> <br /> id는 유일해야 하며, 중복된 id는 존재할 수 없습니다. 만약 id가 중복된다면, 이 함수는 첫 번째 매칭되는 요소를 반환합니다.<br /> <br /> 문자열 매개변수 id는 HTML 요소의 id 속성을 매칭하는지 확인합니다. id가 없는 경우, 이 함수는 null을 반환합니다.<br /> <br /> 예를 들어, HTML 문서에 다음과 같은 요소가 존재할 경우:<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="header">헤더</div><br /> <div id="header">헤더2</div><br /> [/code]<br /> <br /> document.getElementById("header") 함수는 첫 번째 매칭되는 요소인 <div id="header">헤더</div>를 반환합니다. <br /> <br /> 만약 id가 없는 경우, 예를 들어:<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="header">헤더</div><br /> <div>헤더2</div><br /> [/code]<br /> <br /> document.getElementById("header") 함수는 null을 반환합니다.