ホームページ >ウェブフロントエンド >jsチュートリアル >JS変更要素表示属性サンプルコード

JS変更要素表示属性サンプルコード

小云云
小云云オリジナル
2018-03-12 16:05:423831ブラウズ

JS を使用して要素の表示属性を制御し、表示または非表示にする場合、この記事では主に、表示属性をインターライン スタイルに変更する JS のサンプル コードを説明します。要素がお役に立てば幸いです。

そしてIDセレクター

、つまり

 <p id="drop-box" style="display:none">
在JS文件中,
        var dropBox = document.getElementById("drop-box");
        //设置元素显示
        function showBox(){        dropBox.style.display = "block";
        }
        //设置元素隐藏
        function hideBox(){        dropBox.style.display = "none";        }

を使用してください。 関連する推奨事項:

CSS3の表示属性のフレックスレイアウト方法

jsコントロールを非表示にする方法と表示属性の紹介_javascriptスキル

jqueryコントロール表示属性を none または block_jquery にします

以上がJS変更要素表示属性サンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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