ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで隠しdivを表示する方法

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

coldplay.xixi
リリース: 2021-04-06 15:55:08
オリジナル
3472 人が閲覧しました

隠し 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート