JavaScript 강좌 | Method > .getElementById()

.getElementById()는 지정한 id를 가진 요소에 접근합니다.

문법

document.getElementById( 'id' )

id에는 접근하려는 요소의 id 값을 넣습니다.

예제

http://book.cmsfactory.net/JavaScript/V01/method/getElementById-01.html

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript | .getElementById()</title>
  </head>
  <body>
    <h1 id="ab">Lorem</h1>
    <script>
      var jb1 = document.getElementById( 'ab' );
      document.write( '<p>jb1 : ' + jb1 + '</p>' );
      document.write( '<p>typeof jb1 : ' + typeof jb1 + '</p>' );
      document.write( '<p>jb1.innerHTML : ' + jb1.innerHTML + '</p>' );
    </script>
    <h1 id="cd">Ipsum <a href="http://www.cmsfactory.net">dolor</a></h1>
    <script>
      var jb2 = document.getElementById( 'cd' );
      document.write( '<p>jb2.innerHTML : ' + jb2.innerHTML + '</p>' );
    </script>
  </body>
</html>

Created on 2014-07-06 14:54 | Updated on 2015-07-18 02:42

이 글을 공유하기

Kakao

Add new comment

Guest

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
구글이 제공하는 스팸방지 기능입니다. '로봇이 아닙니다'에 체크해야 글을 등록할 수 있습니다.

Book navigation