ホームページ > 記事 > ウェブフロントエンド > JS コントロールの非表示と表示
JS コントロールの非表示と表示
- 不言オリジナル
- 2018-04-26 14:29:111734ブラウズ
この記事では、非表示を制御するための比較的単純な JS コードを紹介します。必要な方は参考にしてみてください。style.display は、レイヤーの非表示または表示のプロパティを制御する属性です。
<html>
<body>
<script>
function show(){
document.getElementById("p").style.display="";
//alert(document.getElementById("p").style.display)
}
function hidden(){
document.get
ElementById("p").style.display="none";
//alert(document.getElementById("p").style.display)
}
</script>
<BODY>
<input name="name" type="button" onClick="show();" value="显示">
<p id="p" style="display: none" onMouseout="hidden();">
show it
</p>
</BODY>
</HTML> p の
visibility は p の表示と非表示を制御できますが、非表示にした後はページが空白になりますstyle="visibility: none;"
document.getElementById("typep1").style.visibility="hidden";//隐藏
document.getElementById("typep1").style.visibility="visible";//显示
d
、次のように style="display: none;"
document.getElementById("typep1").style.display="none";//隐藏
document.getElementById("typep1").style.display="";//显示
以上がJS コントロールの非表示と表示の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。