setPropertyメソッドは、要素のスタイルを変更するために使用されるメソッドです。
setPropertyメソッドは、要素のオブジェクトの styleプロパティにアクセスし、指定されたプロパティ名と値をセットします。例えば、以下のように使用することができます。
const element = document.querySelector('#my-element');
element.style.setProperty('color', 'red');
上記の例では、IDが my-element の要素を選択して、その colorプロパティを赤色に設定しています。
setPropertyメソッドは、CSSプロパティの任意の値を設定することができます。例えば、font-size や bockground-color などのプロパティに対しても使用できます。
また、setPropertyメソッドは、他のスタイルメソッドと同様に、CSSの優先順位に従います。つまり、直接 styleプロパティに設定されたスタイルよりも、外部のスタイルシートやインラインスタイルで定義されたスタイルの方が優先されます。
最後に、setPropertyメソッドは、removePropertyメソッドを使用して、スタイルをリセットすることができます。例えば、以下のように使用することができます。
element.style.removeProperty('color');
上記の例では、colorプロパティをリセットして、デフォルトのスタイルに戻します。