JavaScript / Object / document.getElementById()
.getElementById()
.getElementById()는 id의 값으로 특정한 값을 가진 요소를 가져옵니다.
문법
document.getElementById( 'id' )
id에는 가져오려는 요소의 id의 값을 넣습니다. 예를 들어
var jb = document.getElementById( 'xyz' );
는 id의 값이 xyz인 요소를 가져와서 변수 jb에 저장합니다.
예제
id의 값이 ab인 요소를 가져와서 몇 가지를 출력하는 예제입니다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>JavaScript</title> </head> <body> <h1 id="ab">Lorem</h1> <script> var jb = document.getElementById( 'ab' ); document.write( '<p>jb : ' + jb + '</p>' ); document.write( '<p>typeof jb : ' + typeof jb + '</p>' ); document.write( '<p>jb.innerHTML : ' + jb.innerHTML + '</p>' ); </script> </body> </html>