문서 객체 가져오기(getElementById() )

<script type="text/javascript"> window.onload = function () { // 문서 객체를 가져옵니다. var header1 = document.getElementById('header_1'); // id 속성이 header_1 인 태그를 가져와서 header1 에 저장 var header2 = document.getElementById('header_2'); // id 속성이 header_2 인 태그를 가져와서 header2 에 저장 // 문서 객체의 속성을 변경합니다. header1.innerHTML = 'with getElementById()'; //Header 대신 with getElementById() 로 변경 header2.innerHTML = 'with getElementById()'; //Header 대신 with getElementById() 로 변경 }; </script> <h1 id="header_1">Header</h1> <h1 id="header_2">Header</h1>

 

 

with getElementById()

with getElementById()