English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM getElementById() 메서드

HTML DOM Document 객체

getElementById()요소의 id 속성을 통해 요소 노드 객체를 가져오는 메서드가 있습니다. 이 메서드는 모든 브라우저에서 사용할 수 있습니다.

요소 ID가 지정되면 그들은 유일해야 하므로, 특정 요소에 빠르게 접근하는 효과적인 방법입니다.

ID가 없는 요소에 접근할 필요가 있으면, 다음을 사용할 수 있습니다.querySelector()아무런선택자그 요소를 찾습니다.

문법:

document.getElementById(ID)
document.getElementById("39;para');
테스트를 보고‹/›

브라우저 호환성

모든 브라우저에서 getElementById() 메서드를 완전히 지원합니다:

메서드
getElementById()

파라미터 값

파라미터설명
ID위치를 지정할 요소의 ID입니다. ID는 대소문자를 구분하는 문자열로, 문서에서는 유일합니다. 어떤 주어진 ID를 가진 요소는 하나만 있습니다.

기술 세부 사항

반환 값:지정된 ID와 일치하는 DOM 요소 객체를 설명Element객체; 문서에서 일치하는 요소를 찾지 못하면null
DOM 버전:DOM 2레벨

더 많은 예제

id="para"의 요소를 가져와서 그 색상을 변경합니다:

document.getElementById("39;para'id="para"의 요소를 가져와서 그 텍스트 크기를 변경합니다:
테스트를 보고‹/›

;).style.fontSize = "blue";

document.getElementById("39;para').style.fontSize = ""3em";
테스트를 보고‹/›

관련 참조

CSS 튜토리얼:CSS 문법

CSS 참조:CSS#id선택자

DOM Document querySelector()메서드

DOM Document의getElementsByClassName()메서드

DOM Document의getElementsByTagName()메서드

HTML DOM Document 객체