JavaScriptにおけるdisabled属性

HTMLには、例えば要素をロックするために使用される属性disabledのように、値を持たない特別な属性が存在します。 このような属性を設定するには、対応するプロパティに値trueを代入し、削除するには値falseを代入する必要があります。

実際に見てみましょう。ここにロックされた入力フィールドがあるとします：

html<input id="elem" disabled>

この入力フィールドのdisabled属性の値を出力してみましょう：

javascriptlet elem = document.querySelector('#elem');
console.log(elem.disabled); // trueを出力します

次に、これをアンロックしてみましょう：

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