최신 웹 개발 튜토리얼
 

HTML DOM getElementById() Method

<문서 객체

지정된 ID를 가진 요소를 가져옵니다 :

document.getElementById("demo");
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

getElementById() 메소드는 반환 보유 요소 ID 지정된 값과 특성.

이 방법은 HTML DOM에서 가장 일반적인 방법 중 하나이며, 당신이 조작하거나 문서에 요소로부터 정보를 얻고 싶은 거의 모든 시간을 사용한다.

지정된 ID를 가진 어떤 요소가 존재하지 않는 경우는 null를 돌려줍니다.

아이디는 페이지 내에서 고유해야합니다. 지정된 ID와 하나 개 이상의 요소가 존재하는 경우에는 상기 getElementById() 메소드는 소스 코드의 첫 번째 요소를 반환한다.


브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
getElementById()

통사론

document.getElementById( elementID )

매개 변수 값

매개 변수 유형 기술
elementID String 필요합니다. ID 당신이 얻을 할 요소의 속성 값

기술적 세부 사항

DOM 버전 : 코어 레벨 2 문서 객체
반환 값 : 지정된 ID를 가진 요소를 나타내는 요소 개체. 지정된 ID를 가진 어떤 요소가 존재하지 않는 경우는 null를 돌려줍니다

예

더 예

ID = "데모"와 색상을 변경를 가진 요소를 가져옵니다 :

var x = document.getElementById("demo");   // Get the element with id="demo"
x.style.color = "red";                     // Change the color of the element
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 선택기

CSS 참조 : CSS의 #ID 선택기

HTML DOM 참조 : HTML DOM id Property

HTML DOM 참조 : HTML DOM 스타일 개체


<문서 객체