ホームページ > 記事 > ウェブフロントエンド > jsでcssの表示属性の値を変更する方法
CSS 表示属性値を変更するための JS メソッド: 最初に「document.getElementById("id value")」ステートメントを使用して、指定された要素オブジェクトを取得し、次に「element object.style.display=」を使用します。 value"" ステートメントを表示属性の値を変更するだけです。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
HTML DOM を使用すると、JavaScript で HTML 要素のスタイルを変更できます。では、js は CSS 表示属性の値をどのように変更するのでしょうか?
構文:
Object.style.display="值";
例:
既知:
<div class="login1" id="login">页面ID为login的元素</div> <div class="login2" id="regist">页面ID为regist的元素</div>
コード:
<script> document.getElementById("login").style.display = "none"; //(login为需要隐藏的页面ID) document.getElementById("regist").style.display = "block" //(regist为需要显示的页面ID) </script>
説明: オブジェクト要素オブジェクトを取得するメソッド:
1. ID に基づいて要素を取得します。
document.getElementById("id属性的值");
2. タグ名に基づいて要素を取得します
document.getElementsByTagName("标签的名字");
3. name 属性の値に基づいて要素を取得します
document.getElementsByName("name属性的值");
4. 要素に基づいて取得しますクラス属性の
document.getElementsByClassName("类样式的名字");
5 .CSS パスに基づいて要素を取得 (1 つ取得)
document.querySelector("css路径");
6. CSS パスに基づいて要素を取得 (グループを取得)
document.querySelectorAll("css路径");
[推奨学習: JavaScript 上級チュートリアル]
以上がjsでcssの表示属性の値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。