[JS] Element. Attribute() 메서드

메서드	설명
getAttribute()	요소의 지정된 속성 값을 리턴한다. - 속성이 존재하지 않을 경우: null 또는 ""(빈 문자열)을 반환한다.
setAttribute()	요소의 속성과 값을 설정한다. - 속성이 없는 경우: 지정된 요소에 속성과 값을 추가한다. - 속성이 있는 경우: 값을 업데이트 한다. - 속성 값을 사용하지 않는 경우: ""(빈 문자열)을 사용한다.
removeAttribute()	요소에서 지정된 이름의 속성을 제거한다.
hasAttribute()	지정된 요소에 지정된 속성이 있는지 여부를 나타내고, 부울 값을 반환한다.

*값은 문자열로 작성해야 한다는 것을 잊지말자.

---

getAttribute()

Element.getAttribute('가져오려는 속성의 이름');

 

---

setAttribute()

Element.setAttribute('속성 이름', '속성 값');

속성 값을 사용하지 않을 경우, 속성 값은 ""(빈 문자열)을 사용한다.

Element.setAttribute('hidden', '');

---

removeAttribute()

Element.removeAttribute('삭제할 속성의 이름');

---

hasAttribute()

Element.hasAttribute('속성의 이름');

---

[테스트 좌표]

[JS TEST] scrollTo / scrollBy 테스트 해보기 - 이름과 상관없이 콘솔에 테스트 해보면 됨

 

[공부 좌표]

getAttribute()

setAttribute()

removeAttribute()

hasAttribute()