요약
ID가 서술된 element를 반환.
구문
element = document.getElementById( id);
여기서
element는 element 개체.id는 찾아진 element의 유일한 ID를 표시하는 문자열.
예
<html>
<head>
<title>getElementById example</title>
<script type="text/javascript">
function changeColor(newColor)
{
elem = document.getElementById("para1");
elem.style.color = newColor;
}
</script>
</head>
<body>
<p id="para1">Some text here</p>
<button onclick="changeColor('blue');">blue</button>
<button onclick="changeColor('red');">red</button>
</body>
</html>
주의
getElementById는 DOM의 절대적인 버팀줄이다. DOM 프로그램에서 가장 중요한 개념은 element는 유일하게 확정되어서 잡혀지고 다루어질 수 있다는 것이다. This is not entirely correct
주어진 id를 가진 element가 없으면, 이 함수는 null을 반환한다. 또 DOM 구현은 어떤 attribute들이 ID 타입인지 이야기하는 정보를 가져야 한다. "id"라는 이름을 가진 attribute는 문서의 DTD에서 정의될 때까지는 ID 타입이 아니다. The id attribute is defined to be of ID type in the common cases of XHTML, XUL, and other. Implementations that do not know whether attributes are of type ID or not are expected to return null.
getElementById는 DOM Level 2에 소개된다.
상세
- DOM Level 2 Core 명세: getElementById