개체를 사용자가 사용할 수 있는가를 나타내는 부울값으로 반환하거나 설정한다.

object.disabled[=true|false]
인수
: (속성 부울값)
속성값은 사용자가 개체에서 작업할 수 있는가를 나타내는 부울값이다.

false 사용자가 개체에서 작업할 수 있다
true 사용자가 개체에서 작업할 수 없다

이 속성은 읽기/쓰기이며 디폴트 값은 false이다.

특기

엘레멘트가 disabled 되면 개체가 흐리게 나타나고 사용자 입력이 불가능하게 된다.
disabled된 개체는 마우스 이벤트에 반응하지 않고 contentEditable 속성에도 반응하지 않는다.

만일 disabled된 모체 용기 엘레멘트 속에서 disabled=false로 개체가 설정되더라도 모체의 disabled 속성을 덮어 씌울 수는 없다.

적용
개체scriptHTML규격IE


BODY, DIV 개체의 속성 예제

<BODY id=bodyObj>
<DIV id=divObj></DIV>

<SCRIPT>
document.write('bodyObj.disabled='+bodyObj.disabled+'<BR>divObj.disabled='+divObj.disabled)
</SCRIPT>

STYLE, DIV 개체의 속성 예제

모체 문단 문자열.

style 개체를 활성화 시키거나 불활성화 시칸다.

<STYLE ID="styleObj">
.class1{background-color:blue;color:white}
.class2{background-color:brown;color:yellow;}
</STYLE>
<SCRIPT>
function changeIt(){
  str='';
  br='<BR>';
  if (divObj.enablement=='enabled'){
    divObj.enablement='disabled';
    butObj2.value='클릭하여 disabled=false로 변경하라.';
    styleObj.disabled=true;
    butObj1.disabled=true;
  } else{
    butObj2.value='클릭하여 disabled=true로 변경하라.';
    divObj.enablement='enabled';
    styleObj.disabled=false;
    butObj1.disabled=false;
  }
  str+='styleObj.disabled='+styleObj.disabled+br;
  str+='butObj1.disabled='+butObj1.disabled+br;
  str+='butObj2.disabled='+butObj2.disabled+br;
  showVals.innerHTML=str;
}
</SCRIPT>
<DIV enablement="enabled" ID="divObj" class="class1">모체 문단 문자열.
<INPUT type="button" ID="butObj1" class="class2" value="단추 문자열" onclick="alert('활성화 된 상태에서만 가능하다.')"></DIV>
<INPUT type="button" ID="butObj2" value="클릭하여 결과를 보라." onclick="changeIt()">
<DIV id=showVals></DIV>