JavaScript / Object / Element.setAttribute() / 요소의 속성 값을 정하는 메서드
.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 속성값을 변경하는 예제입니다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>JavaScript | .setAttribute()</title> </head> <body> <p><a id="abc" href="#">CODING FACTORY</a></p> <script> document.getElementById( 'abc' ).setAttribute( 'href', 'https://www.codingfactory.net' ); </script> </body> </html>