如何用段简单的javascript 代替CSS的display: none 谢谢

来源:百度知道 编辑:UC知道 时间:2024/06/04 23:23:50
<div class="menu">abc</div> 如何 用如何用段简单的javascript隐藏它?
对不起 不可以用ID 必需是 class

<div id="a"></div>

document.getElementById("a").style.display="none";//隐藏
document.getElementById("a").style.display="block";//显示

楼主目的在于如何选中这个DIV,因为只要能选中此DIV,就可以使用JS使其display=none,

由于没有ID,因此必须使用其他方法来选中该DIV。

最好的办法是使用jQuery库,它提供一个方法可以根据class来选中某个DOM对象:
var d = $('.menu');
d[0].style.display = 'none';

你也可以自己手工根据class来选取DIV:
var ds = document.getElementsByTagName('DIV');
var d = null;
for(var i=0;i<ds.length;i++){
if(ds[i].className.toLowerCase()=='menu'){
d.push(ds[i]);
}
}
d[0].style.display = 'none';

要根据具体情况使用,如当文档中有不止一个DIV的class为menu时,你选中就是一个数组,你就需要使用其他方法继续选取。

<div class="menu" id ="a">abc</div>
<script>
a.style.display="none"
</script>