Die disabled attribuut in JavaScript

In HTML bestaan daar spesiale attributte sonder waardes, byvoorbeeld die disabled attribuut, wat gebruik word om elemente te blokkeer. Om sulke 'n attribuut te stel, moet die ooreenstemmende eienskap die waarde true toegeken word, en om dit te verwyder - die waarde false.

Laat ons dit in praktyk sien. Kom ons sê ons het 'n geblokkeerde invoerveld:

<input id="elem" disabled>

Laat ons die waarde van die disabled attribuut van hierdie invoerveld uitskryf:

let elem = document.querySelector('#elem');
console.log(elem.disabled); // sal true uitdruk

En nou, laat ons dit ontgrendel:

let elem = document.querySelector('#elem');
elem.disabled = false;

Gegee 'n invoerveld en 'n knoppie. Wanneer die knoppie gedruk word, blokkeer die invoerveld.

Gegee 'n invoerveld en twee knoppies. Laat die eerste knoppie die invoerveld blokkeer, en die tweede knoppie dit ontgrendel.

Gegee 'n invoerveld en 'n knoppie. Wanneer die knoppie gedruk word, vind uit of die invoerveld geblokkeer is of nie.