ホームページ >ウェブフロントエンド >CSSチュートリアル >jsがCSSスタイルを変更する方法

jsがCSSスタイルを変更する方法

coldplay.xixiオリジナル: 2021-04-16 14:52:464416ブラウズ

js で CSS スタイルを変更する方法: 1. cssText メソッドを使用します; 2. [setProperty()] メソッドを使用します; 3. css 属性に対応する style 属性を使用します。

jsがCSSスタイルを変更する方法

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS スタイルを変更する JS メソッド:

最初のもの: cssText を使用します

div.style.cssText=&#39;width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;&#39;;

2 つ目: setProperty()

 div.style.setProperty(&#39;width&#39;,&#39;700px&#39;);
 div.style.setProperty(&#39;height&#39;,&#39;300px&#39;);
 div.style.setProperty(&#39;line-height&#39;,&#39;300px&#39;);
 div.style.setProperty(&#39;background&#39;,&#39;#f00&#39;);
 div.style.setProperty(&#39;color&#39;,&#39;#fff&#39;);
 div.style.setProperty(&#39;border&#39;,&#39;1px solid blue&#39;);
 div.style.setProperty(&#39;text-align&#39;,&#39;center&#39;);

3 番目の方法: css 属性に対応する style 属性を使用します

 div.style.width = "800px";
 div.style.height = "250px"; 
 div.style.lineHeight = "250px"; 
 div.style.background = "#000";
 div.style.color = "#fff";
 div.style.border = "1px solid #111";
 div.style.textAlign = "center";


        这是一个盒子

推奨される関連チュートリアル: CSS ビデオチュートリアル

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

声明：

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

前の記事：jsでcssを変更する方法次の記事：jsでcssを変更する方法

続きを見る