求一段JS隐藏 CSS元素的代码。

JavaScript04

求一段JS隐藏 CSS元素的代码。,第1张

function A (元素选择器) {

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上移开时,才隐藏。