ホームページ > ウェブフロントエンド > jsチュートリアル > jsでのcssTextの使用例(コード例)

jsでのcssTextの使用例(コード例)

不言
リリース: 2018-08-11 11:17:01
オリジナル
2635 人が閲覧しました

この記事は js での cssText の使用例 (コード例) に関するもので、必要な方は参考にしていただければ幸いです。

cssText の本質は、HTML 要素の style 属性値を設定することです。

1. 使い方

ブラウザでは、割り当てられた値が返されます。しかし、IE では、出力をフォーマットし、属性を大文字にし、属性の順序を変更し、最後のセミコロンを削除します

document.getElementById("id").style.cssText = "color:red; font-size:13px;";
ログイン後にコピー

IE での結果: FONT-SIZE: 13px; COLOR: red

書くと元のcssTextがクリアされます。例えば元のスタイルに「display:none;」があった場合、上記のJSを実行すると表示が削除されます。 cssText を蓄積する方法を使用できます:

document.getElementById("id").style.cssText += "color:red; font-size:13px;";
ログイン後にコピー

2 番目に、スタイルを設定する一般的な方法

var element= document.getElementById(“id”);
element.style.color=”red”;
element.style.font-size=”13px”;
ログイン後にコピー

関連する推奨事項:

cssText 属性を上手に使用して、js_javascript スキルでスタイルを一括操作する

style object cssText 使用するメソッドは何ですか?

js_javascript スキルにおける cssText のパフォーマンスの高さを証明するために事実を使用してください

以上がjsでのcssTextの使用例(コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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