[Javascript] 요소의 속성 다루기

0. 요소에 속성 추가/수정하기

요소에 속성을 추가/수정하기 위해 setAttribute() 함수를 사용한다.

 

요소에 해당 속성이 없다면 속성을 새로 추가하고 동일한 속성이 이미 존재한다면 해당 속성을 새로운 속성값으로 수정한다.

 

let targetElem = document.querySelector('#target');
targetElem.setAttribute('readonly', 'true');

 

 

1. 요소의 속성 삭제하기

요소의 속성을 삭제하기 위해 removeAttribute() 함수를 사용한다.

 

let targetElem = document.querySelector('#target');
targetElem.removeAttribute('readonly');

 

 

2. 요소의 속성값 가져오기

요소의 속성값을 가져오기 위해 getAttribute() 함수를 사용한다. 만약 해당 속성이 존재하지 않으면 빈 문자열이나 null을 반환한다.

 

let targetElem = document.querySelector('#target');
targetElem.getAttribute('class');