ホームページ > ウェブフロントエンド > jsチュートリアル > JSでインラインスタイルを記述するにはどうすればよいですか?

JSでインラインスタイルを記述するにはどうすればよいですか?

coldplay.xixi
リリース: 2020-06-30 15:37:07
オリジナル
5373 人が閲覧しました

インライン スタイルの記述方法は次のとおりです: 1. 複合属性を記述するには、中央の "—" を削除し、2 番目の単語を大文字にします。コードは [alert(box.style.color)] です。 ; 2. float は特殊な書き方のキーワードで、コードは [alert(box.style.float)] です。

JSでインラインスタイルを記述するにはどうすればよいですか?

JS でのインライン スタイルの記述方法は次のとおりです:

1. 要素スタイル 1、stye 属性にアクセスします。はインライン専用です スタイルは便利です

var box = document.getElementById("box");
ログイン後にコピー

2. 複合属性を記述するには、中央の「—」を削除し、2 番目の単語を大文字にします。

 // alert(box.style.color);
    // alert(box.style.fontSize);
ログイン後にコピー

3. Float はキーワードなので、このようには書かない方が良いです

 //alert(box.style.float);
ログイン後にコピー

4. float 属性 ie と非 ie の間には違いがあります:

 // alert(box.style.cssFloat); //非ie
    // alert(box.style.styleFloat); //IE专用
ログイン後にコピー

5. float 割り当てを行い、すべてのブラウザと互換性があります

 // typeof box.style.cssFloat !="undefined"?box.style.cssFloat = "right":box.style.styleFloat ="right";
ログイン後にコピー

関連学習の推奨事項:JavaScript ビデオ チュートリアル

以上がJSでインラインスタイルを記述するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート