if (!元素选择器){
return
}else
{
var TempEl = document.querySelectorAll(元素选择器)
TempEl[0].style.display = "none"
}
}
A(元素选择器)
你这个问题,不就是不想写两遍同样的css样式么,把ID换成class不行,因为js没法通过class控制div的属性
你可以id和class一起写啊,id用于js调用,class用来写样式
<!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/htmlcharset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
if (document.getElementById){
target=document.getElementById(targetid)
if (target.style.display=="block"){
target.style.display="none"
} else {
target.style.display="block"
}
}
}
-->
</script>
<style type="text/css">
.div{ border:1px #06F solidheight:50pxwidth:100pxdisplay:none}
a { display:block}
</style>
</head>
<body>
<a href="#" onclick="toggle('div1')">显示/隐藏</a>
<div id="div1" class="div"></div>
<a href="#" onclick="toggle('div2')">显示/隐藏</a>
<div id="div2" class="div"></div>
</body>
</html>
这样不就可以了么
当然点不到,你移出事情里写明,当移出时,就隐藏,刚显示出来的div。看你想要什么效果,就把隐藏事件,写到哪!
比如:
你可以把onMouseOut="b()" 移出事件写到显示出来的那个div上去,就是 id="wai"的div。而不是放在id="headmainjd“的div上。
这样的话,只有当你鼠标 从刚显示出来的div上移开时,才隐藏。