JavaScript を使用して CSS プロパティを動的に削除するにはどうすればよいですか?

JavaScript を使用した CSS プロパティの動的削除

removeProperty() を使用した CSS プロパティの削除

JavaScript は、removeProperty() を提供します要素から特定の CSS プロパティを削除するメソッド。このメソッドは、プロパティ名を引数として受け取り、それを要素のスタイルから削除します。

<code class="javascript">// Select the element
const element = document.getElementById('myElement');

// Remove the "zoom" property
element.style.removeProperty('zoom');</code>

プロパティをデフォルト値に設定する

または、CSS プロパティを設定して削除することもできます。デフォルト値に戻します。たとえば、「zoom」プロパティのデフォルト値は「1」です。

<code class="javascript">// Select the element
const element = document.getElementById('myElement');

// Set the "zoom" property to its default value
element.style.zoom = "";</code>

この場合、ブラウザは (link タグと style タグを通じて) スタイルシートを参照して、適切なズーム レベルを適用します。要素に設定されているローカル ズーム プロパティを効果的に削除します。

以上がJavaScript を使用して CSS プロパティを動的に削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。