> 웹 프론트엔드 > HTML 튜토리얼 > 设置图片的显示与影藏,我的代码点击的时候不起作用,怎么回事呢?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:57:35
원래의
830명이 탐색했습니다.


<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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿