ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript におけるスタイルとは何を意味しますか?

JavaScript におけるスタイルとは何を意味しますか?

WBOY
WBOYオリジナル
2021-12-22 17:08:155060ブラウズ

JavaScript のスタイルとは、「スタイル」および「スタイルの設定」を意味します。スタイル属性はグローバル属性です。JavaScript では要素のスタイルを変更または設定できます。構文は「要素オブジェクト.スタイル.スタイル」です。属性 = "スタイル属性値 ";"。

JavaScript におけるスタイルとは何を意味しますか?

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript におけるスタイルの意味

JavaScript におけるスタイルとは、スタイル、スタイルの設定を意味します。

Style オブジェクトは、単一のスタイル宣言を表します。 Style オブジェクトには、スタイルが適用されているドキュメントまたは要素からアクセスできます。

構文は次のとおりです:

document.getElementById("id").style.property="值"

多くの場合、Web ページ上の要素のスタイルを動的に変更する必要があります。 JavaScript でスタイルを動的に変更するためのメソッドを提供します。

例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<p>无序列表:</p>
<ul>
  <li id="xuebi">雪碧</li>
  <li>可乐</li>
  <li>凉茶</li>
</ul>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>

出力結果:

JavaScript におけるスタイルとは何を意味しますか?

##[関連する推奨事項:

JavaScript 学習チュートリアル ]

以上がJavaScript におけるスタイルとは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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