Properti HTMLStyleElement.disabled menetapkan atau mengembalikan atribut DISABLED elemen STYLE HTML.
Sintaks:
styleObj.disabled = value
styleObj.disabled
value adalah boolean, yaitu true atau false (default).
Contoh di bawah ini mengembalikan atribut DISABLED:
<STYLE TYPE="text/css" MEDIA="all">
P {
color: red;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
var styleElem = document.getElementsByTagName("style")[0];
alert(styleElem.disabled); // false
</SCRIPT>
Contoh di bawah setelah tombol diklik bergantian, di situ akan terlihat dari kegunaan properti ini. Sebelumnya di bagian HEAD terdapat STYLE dan fungsi:
<STYLE TYPE="text/css" MEDIA="all">
H1 {
color: red;
font-size: 50px;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
var styleElem = document.getElementsByTagName("style")[0];
function oDisabled() {
styleElem.disabled = true;
}
function oEnabled() {
styleElem.disabled = false;
}
</SCRIPT>
Dan di bagian BODY terdapat satu H1 dan dua buah tombol:
<H1>This a heading.</H1>
<BUTTON TYPE="button" ONCLICK="oDisabled()">Disable StyleSheet.</BUTTON>
<BUTTON TYPE="button" ONCLICK="oEnabled()">Enable StyleSheet.</BUTTON>
