[책] 자바스크립트 코드 레시피 278 - 135일차

요소 속성 다루기

• 속성의 값을 변경하고 싶을 때

구문

요소.setAttribute(속성, 값) 요소 속성 설정
요소.getAttribute(속성) 요소 속성 가져오기
요소.hasAttribute(속성) 요소 속성 존재 여부 확인

설명

해당 메소드로 요소 속성을 다룰 수 있습니다.

실습

index.html

<a id="anchor" href="example.com">링크</a>
<img id="image" width="100%" src="image.png" alt="image">

---

script.js

const anchorElement = document.querySelector('#anchor');
console.log(anchorElement.getAttribute('href'));
const imageElement = document.querySelector('#image');
imageElement.setAttribute('src', 'bar.png');