English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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()메서드