JavaScript에서 disabled 속성
HTML에는 값이 없는 특별한 속성들이 있습니다. 예를 들어, 요소를 비활성화하는 데 사용되는 속성 disabled가 있습니다.
이러한 속성을 설정하려면 해당 속성에 true 값을 할당하고, 제거하려면 false 값을 할당하면 됩니다.
실제로 살펴보겠습니다. 비활성화된 입력 필드가 있다고 가정해 보죠:
<input id="elem" disabled>
이 입력 필드의 disabled 속성 값을 출력해 봅시다:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // true를 출력합니다
이제 이를 활성화해 보겠습니다:
let elem = document.querySelector('#elem');
elem.disabled = false;
입력 필드와 버튼이 주어졌습니다. 버튼을 클릭하면 입력 필드를 비활성화하세요.
입력 필드와 두 개의 버튼이 주어졌습니다. 첫 번째 버튼을 클릭하면 입력 필드를 비활성화하고, 두 번째 버튼을 클릭하면 활성화하도록 하세요.
입력 필드와 버튼이 주어졌습니다. 버튼을 클릭하여 입력 필드가 비활성화되었는지 여부를 확인하세요.
