속성 값을 정하는 방법 - .setAttribute()

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

.setAttribute()

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

 

기본형

element.setAttribute( 'attributename', 'attributevalue' );
  • attributename에는 속성 이름을 넣습니다.
  • attributevalue에는 속성값을 넣습니다.

 

예를 들어

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

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

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

 

예제

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

<p><a id="abc" href="#">LIVE BLOGGER</a></p>
document.getElementById( 'abc' ).setAttribute( 'href', 'https://urliveblogger.blogspot.com' );

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

Post a Comment