더북(TheBook)

4.4.1 태그 속성 다루기

DOM을 통해 태그 속성을 자바스크립트로 다룰 수 있습니다.

형식

태그.속성 // 조회 시 사용
태그.속성 = 값; // 수정 시 사용

예를 들어, input 태그의 type, name, value 속성은 다음과 같이 접근할 수 있습니다.

<input type="hidden" name="at" value="null">

document.querySelector('input').type;
document.querySelector('input').name;
document.querySelector('input').value;

단, 이름에 -(하이픈, hyphen)이 들어 있는 태그 속성을 적을 때 유의할 점이 있습니다. 자바스크립트에서는 속성 이름에 하이픈을 쓸 수 없습니다. 따라서 하이픈을 제거하고 하이픈 바로 뒤의 글자를 대문자로 바꿉니다. 예를 들면, aria-disabled 대신 ariaDisabled로 써야 합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.