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

html-css031

求一段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>

这样不就可以了么