Maison >interface Web >tutoriel HTML >设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css_WEB-ITnose
设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:57:35834parcourir
<script> <br /> function show(id){ <br /> var ul=document.getElementById("id"); <br /> if(ul.style.display=="block"){ <br /> ul.style.display="none"; <br /> }else{ <br /> ul.style.display="block"; <br /> } <br /> } <br /> </script>
-
先锋
-
感恩
回复讨论(解决方案)
改成
var ul=document.getElementById("art");
你没有id="id"的元素
赞同楼上
赞同楼上
你没有给show传id参数 你要使用参数，你需要这样写
var ul=document.getElementById(id);
<script src="jquery-1.9.1.js"></script> <script> $(function () { $("#displayShow").click(function () { if ($("#art").hide())//可以改成$(".childeMenu").hide() $("#art").show();//可以改成$(".childeMenu").show() else $("#art").hide();//可以改成$(".childeMenu").hide() }) }); </script> 有几个问题
<!DOCTYPE html><html><head> <meta charset="utf-8"> <style type="text/javascript"> .childeMenu{display:none;list-style:none;} </style> <script type="text/javascript"> function show(id){ var ul=document.getElementById(id);// 这里需要修改 if(ul.style.display != "none"){ // 这里需要修改, 因为不设置时, 此属性是""而非"block" ul.style.display = "none"; }else{ ul.style.display = "block"; } } </script></head><body> <b><img src="2.jpg" style="max-width:90%" style="max-width:90%" / alt="设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css_WEB-ITnose" >树形菜单：</b> <br /> <!--下方需要传id进去: 'art'--> <b><a href="javascript:show('art');"><img src="1.jpg" style="max-width:90%" style="max-width:90%" / alt="设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css_WEB-ITnose" >文学艺术</a></b> <ul id="art" class="childeMenu"> <li><img src="1.jpg" style="max-width:90%" style="max-width:90%" / alt="设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css_WEB-ITnose" >先锋</li> <li><img src="3.jpg" style="max-width:90%" style="max-width:90%" / alt="设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css_WEB-ITnose" >感恩</li> </ul></body></html> Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：css当点击容器内的元素时，如何绑定到容器的点击事件_html/css_WEB-ITnoseArticle suivant：一款纯css3实现的翻转按钮_html/css_WEB-ITnose