[JavaScript] 자바스크립트 disabled 제어 방법(조회/추가/삭제)

2023-06-28

---

사진: Unsplash 의 NEOM

---

1. 방법

 

자바스크립트를 통해 특정 태그의 disabled를 조회하고 이를 추가하거나 제거하는 방법을 공유한다.

 

// 요소의 disable 속성을 추가하는 함수
function addDisableAttribute(elementSelector) {
    let element = document.getElementById(elementSelector);
    if (element) {
        element.disabled = true;
    }
}

// 요소의 disable 속성을 제거하는 함수
function removeDisableAttribute(elementSelector) {
    let element = document.getElementById(elementSelector);
    if (element) {
        element.disabled = false;
    }
}
// 특정 태그가 disabled 속성을 가지고 있는지 체크하는 함수
function isElementDisabled(elementId) {
    let element = document.getElementById(elementId);
    if (element) {
        return element.disabled;
    }
    return false;
}

---

메인 이미지 출처 : 사진: Unsplash의NEOM