ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを削除する方法

CSSを削除する方法

藏色散人
藏色散人オリジナル
2021-04-26 09:47:353062ブラウズ

CSS を削除する方法: まず新しい HTML ファイルを作成し、次に p タグを使用してテキスト行を作成し、p タグの class 属性を 1 に設定し、次に CSS を使用してテキスト サイズを設定します。 20px、テキストの色を赤に変更します; 最後に、myfun() 関数を実行して CSS スタイルを削除します。

CSSを削除する方法

この記事の動作環境: Windows7 システム、css3&&javascript バージョン 1.8.5、Dell G3 コンピューター。

test.html という名前の新しい HTML ファイルを作成し、js を使用して CSS スタイルを削除する方法を説明します。

CSSを削除する方法

test.html ファイルで、p タグを使用してテキスト行を作成し、p タグの class 属性を 1 に、id 属性を pp に設定します。 。

CSSを削除する方法

test.html ファイルで、p タグの class 属性を通じて、CSS を使用してテキスト サイズを 20px に、テキストの色を赤に設定します。同時に、クラス名 2 で別のスタイルを定義し、テキストを 20px に設定します。

CSSを削除する方法

test.html ファイルで、button タグを使用して、「CSS の削除」というボタン名を持つボタンを作成します。

CSSを削除する方法

onclick イベントをボタンにバインドし、ボタンがクリックされたときに myfun() 関数を実行します。

CSSを削除する方法

test.html ファイルの js タグ内に、myfun 関数を作成します。関数内で、getElementById() メソッドを使用して、 p タグの id を取得し、 setAttribute() メソッドを使用して p タグの class 属性を新しい属性名 2 に設定することで、元のスタイルを削除し、同時に新しいスタイルを設定して、カラー CSS スタイルを削除します。 pタグの。

CSSを削除する方法

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

CSSを削除する方法

[推奨学習: css ビデオ チュートリアル]

以上がCSSを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。