DOM의 메소드는 보통 이름을 보면 메소드의 특징을 잘 알수 있다.
var ultra = document.getElementById(utram);
라고 한다면 문서 내에서 ultram라는 id를 가진 element를 불러와서
ultra라는 객체에 저장시킨다는 뜻이다.
이처럼 getElementById는 특정 아이디의 요소 노드에 직접 접근 할수 있는 메소드이다.
자바스크립트는 대소문자를 구분하기 때문에 사용할 때 대소문자 구분에 주의하여야 한다.
아래 예시를 보자.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<script>
var pur = document.getElementById("purchases");
alert(typeof pur);
</script>
</head>
<body>
<p title="i don't Know">can you listen to me?</p>
<ul id="purchases">
<li>chew</li>
<li>milk</li>
<li>water</li>
</ul>
</body>
</html>
purchases라는 id명을 가진 요소노드를 불러와 pur 객체를 만든다.
그리고 alert(typeof pur); 에서 typeof 는 pur 라는 객체의 type을 가르키는 것이다.
pur 는 객체이므로 object라는 대화상자가 뜨게 될 것이다.
출처 : http://blog.naver.com/rusdudtn2?Redirect=Log&logNo=140047888495
