设置图片的显示与影藏，我的代码点击的时候不起作用，怎么回事呢？_html/css

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

php中文网

发布： 2016-06-24 11:57:35

原创

912人浏览过

树形菜单：

文学艺术

先锋

感恩

芦笋演示

一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

查看详情

回复讨论(解决方案)

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

登录后复制