[JavaScript] setAttribute

디딩·2022년 11월 10일

Today I Learned

목록 보기

11/12

📝 2022. 11. 10

JavaScript / setAttribute

📌 Today I Learned

setAttribute()

💬 setAttribute()

Q. class와 id 말고는 다른 attribute를 추가할 수는 없나요?

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

element.setAttribute( 'attributename', 'attributevalue' )

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

예를 들어

document.getElementById( 'music' ).setAttribute( 'SoYoon', 'Wings' )

id 값이 'music'인 요소의 'SoYoon' 속성을 'Wings'로 정한다. 만약 이미 속성값이 존재한다면 그 값을 지우고 새 값을 적용한다.

예제 1

id 값이 'cat'인 요소의 'href' 속성값을 변경한다.


<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>JavaScript | .setAttribute()</title>
  </head>
  <body>
    <p><a id="cat" href="#">CUTE CAT, I LOVE U</a></p>
    
    <script>
      document.getElementById( 'cat' ).setAttribute( 'href', 'https://en.wikipedia.org/wiki/Cat' );
    </script>
    
  </body>
</html>

디딩

무사와요... 열공햐요...

이전 포스트

[HTML] script 태그의 위치

다음 포스트

[JavaScript] setAttribute

Today I Learned

📝 2022. 11. 10

📌 Today I Learned

💬 setAttribute()

예제 1

[HTML] script 태그의 위치

[javaScript] 이벤트 핸들러

0개의 댓글