首页 > web前端 > html教程 > 设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose

设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:57:35
原创
829 人浏览过


<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>


设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose树形菜单:


设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose文学艺术

      
  • 设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose先锋

  •     
  • 设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose感恩


回复讨论(解决方案)

改成
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>
登录后复制

设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose文学艺术

有几个问题

<!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>
登录后复制

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板