JavaScript 강좌 | Method > .setAttribute() - 요소의 속성(attribute) 값을 정하는 속성

.setAttribute()는 선택한 요소(element)의 속성(attribute) 값을 정합니다.

문법

.setAttribute( 'attributename', 'attributevalue' )

attributename에는 속성 이름을, attributevalue에는 속성값을 넣습니다.

예를 들어

document.getElementById( 'xyz' ).setAttribute( 'title', 'This is title' )

id 값이 xyz인 요소의 title 속성을 This is title로 정합니다.

만약 이미 속성값이 존재한다면 그 값을 지우고 새 값을 적용합니다.

예제

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

id 값이 abc인 요소의 href 속성값을 변경하는 예제입니다.

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

브라우저 지원

IE8 이전 버전은 지원하지 않습니다.

Created on 2014-08-10 02:03 | Updated on 2017-07-05 21:21

이 글을 공유하기

Kakao