HTML DOM 문서 getElementById()
예시
지정된 ID를 가진 요소를 가져옵니다.
document.getElementById("demo");
요소를 가져오고 색상을 변경합니다.
const myElement = document.getElementById("demo");
myElement.style.color = "red";
또는 색상을 변경하십시오.
document.getElementById("demo").style.color = "red";
정의 및 사용
이 getElementById()
메서드는 지정된 값을 가진 요소를 반환합니다.
요소가 존재하지 않으면 getElementById()
메서드가 반환 됩니다 .null
메소드는 HTML DOM에서 가장 getElementById()
일반적인 메소드 중 하나입니다. HTML 요소를 읽거나 편집하려고 할 때마다 거의 사용됩니다.
메모
모든 ID 는 고유해야 하지만:
id 가 같은 요소가 두 개 이상 있으면 getElementById()
첫 번째 요소를 반환합니다.
또한보십시오:
통사론
document.getElementById(elementID)
매개변수
Parameter | Description |
id | Required. The id value of an element. |
반환 값
유형 | 설명 |
물체 | 지정된 ID를 가진 요소입니다. null 요소가 존재하지 않는 경우. |
관련 페이지:
CSS 튜토리얼: CSS 구문
CSS 참조: CSS #id 선택기
HTML DOM 참조: HTML DOM id 속성
HTML DOM 참조: HTML DOM 스타일 개체
브라우저 지원
document.getElementById()
DOM 레벨 2(2001) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |