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

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

coldplay.xixi
coldplay.xixiオリジナル
2020-06-30 15:37:075344ブラウズ

インライン スタイルの記述方法は次のとおりです: 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 サイトの他の関連記事を参照してください。

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