JavaScript 강좌 | Method > .getAttribute() - 요소의 속성(attribute) 값을 가져오는 속성

.getAttribute()는 선택한 요소(element)의 특정 속성(attribute)의 값을 가져옵니다.

문법

.getAttribute( 'attributename' )

예를 들어

var jb = document.getElementById( 'xyz' ).getAttribute( 'title' );

는 id 값이 xyz인 요소의 title 속성 값을 jb라는 변수에 저장합니다.

예제

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

id 값이 abc인 링크의 href 속성의 값을 가져와서 출력하는 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript | .getAttribute()</title>
  </head>
  <body>
    <p><a id="abc" href="http://www.cmsfactory.net">CMS Factory</a></p>
    <script>
      var jbHref = document.getElementById( 'abc' ).getAttribute( 'href' );
      document.write( '<p>href : ' + jbHref + '</p>' );
    </script>
  </body>
</html>

Created on 2014-08-07 06:39 | 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