특정 ID 값을 가진 요소 선택하는 방법 - document getElementById()

document getElementById는 id의 값으로 특정한 값을 가진 요소를 가져옵니다.

document getElementById()

document.getElementById()는 id의 값으로 특정한 값을 가진 요소를 가져옵니다.

 

기본형

document.getElementById( 'id' )
  • id에는 가져오려는 요소의 id의 값을 넣습니다.

 

예를 들어

var abc = document.getElementById( 'xyz' );

는 id의 값이 xyz인 요소를 가져와서 변수 abc에 저장합니다.

 

예제

id의 값이 xyz인 요소를 가져와서 몇 가지를 출력하는 예제입니다.

<h1 id="xyz">Lorem</h1>
var abc = document.getElementById( 'xyz' );
document.write( '<p>abc : ' + abc + '</p>' );
document.write( '<p>typeof abc : ' + typeof abc + '</p>' );
document.write( '<p>abc.innerHTML : ' + abc.innerHTML + '</p>' );

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

Post a Comment