我刚学javascript,想实现单击显隐层这个功能
部分代码如下:
<div id="leftpart">
<div id="title" onmousedown="Mevent('top');">最新推荐</div>
<div id="top">dgjabgjbjabjgbabakg</div>
<div id="title1"onmousedown="Mevent('top1')">最新动态</div>
<div id="top1">fsdhjhshshshsrhr</div>
</div>
<script type="text/javascript">
function Mevent(i){
var idd=document.getElementById(i);
alert(i); if (idd.style.display){
idd.style.disply="none";
}
else
{
idd.style.display="block";
}
}
<script/>可无法实现,怎么回事?
部分代码如下:
<div id="leftpart">
<div id="title" onmousedown="Mevent('top');">最新推荐</div>
<div id="top">dgjabgjbjabjgbabakg</div>
<div id="title1"onmousedown="Mevent('top1')">最新动态</div>
<div id="top1">fsdhjhshshshsrhr</div>
</div>
<script type="text/javascript">
function Mevent(i){
var idd=document.getElementById(i);
alert(i); if (idd.style.display){
idd.style.disply="none";
}
else
{
idd.style.display="block";
}
}
<script/>可无法实现,怎么回事?
1个逻辑错误~~
你自己对比下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js测试</title>
<script language="javascript"></script>
</head>
<body>
<div id= "leftpart ">
<div id= "title " onmousedown= "Mevent( 'top '); "> 最新推荐 </div>
<div id= "top "> dgjabgjbjabjgbabakg </div>
<div id= "title1 "onmousedown= "Mevent( 'top1 ') "> 最新动态 </div>
<div id= "top1 "> fsdhjhshshshsrhr </div>
</div>
<script type= "text/javascript ">
function Mevent(i){
var idd=document.getElementById(i);
if (idd.style.display != 'none'){
idd.style.display= "none";
}
else
{
idd.style.display= "block ";
}
}
</script>
</body>
</html>