ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで隠しdivを表示する方法

JavaScriptで隠しdivを表示する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-04-06 15:55:083404ブラウズ

隠し div を表示する Javascript メソッド: showhidiv メソッドを作成し、ID 属性を指定して直接呼び出します。コードは [var sbtitle=document.getElementById(id)] です。

JavaScriptで隠しdivを表示する方法

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

隠し div を表示する Javascript メソッド:

1. showhidiv メソッドを作成し、ID 属性を使用して直接呼び出します;

<script language="javascript">
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
   if(sbtitle.style.display==&#39;block&#39;){
   sbtitle.style.display=&#39;none&#39;; 
   }else{
   sbtitle.style.display=&#39;block&#39;;
   }
}
}
</script>

2. HTMLページ構造

<a onMouseMove=&#39;showhidediv("baip")&#39;;> 点我  </a>
<div id="baip"style="display:none;">隐藏显示的DIV</div>

関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル

以上がJavaScriptで隠しdivを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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