Javascript：按类名隐藏元素
我有一个html元素，我想从视图中隐藏它，但我无法通过ID访问该元素，因为它没有ID，并且我无法为它分配ID。不过，它有一个类分配给它。有没有可能在没有id的情况下将此元素隐藏在视图中？在某些浏览器中有Javascript：按类名隐藏元素,javascript,Javascript,我有一个html元素，我想从视图中隐藏它，但我无法通过ID访问该元素，因为它没有ID，并且我无法为它分配ID。不过，它有一个类分配给它。有没有可能在没有id的情况下将此元素隐藏在视图中？在某些浏览器中有getElementsByClassName，但它的支持不如getElementById广泛。请注意，它生成一个元素数组，而不仅仅是一个元素，因为多个元素可以具有相同的类 如果可以将ID分配给父级，则可以通过其他方式访问该ID： document.getElementById('parent').
getElementsByClassNamegetElementByIddocument.getElementById('parent').getElementsByTagName('div')[3] // or whatever
下面的html文件包含按类和id切换、隐藏和显示div的代码。 通过使用类，可以隐藏一组分区
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
/*function to toggle visibility of class*/
function toggle_visibility(classname) { $("."+classname).toggle(); }
/*function to hide class*/
function hide_visibility(classname) { $("."+classname).hide(); }
/*function to show class*/
function show_visibility(classname) { $("."+classname).show(); }
/*function to hide individual div by id*/
function hide_visibility(classname) { $("#"+classname).hide(); }
/*function to show individual div by id*/
function show_visibility(classname) { $("#"+classname).show(); }
</script>
</head>
<body>
<button onclick="toggle_visibility('class1');">Toggle visibility of class 1</button><br/>
<button onclick="hide_visibility('class1');">Hide class 1</button><br/>
<button onclick="show_visibility('class1');">Show class 1</button><br/>
<button onclick="show_visibility('heading1');">Show heading 1</button><br/>
<button onclick="hide_visibility('heading1');">Hide heading 1</button><br/>
<div class="class1" id="heading1"><h1>Heading 1</h1></div>
<div class="class1"><h2>Heading 2</h2></div>
<div class="class1"><h3>Heading 3</h3></div>
<div class="class1"><h4>Heading 4</h4></div>
<div class="class1"><h5>Heading 5</h5></div>
<div class="class1"><h6>Heading 6</h6></div>
</body>
/*用于切换类可见性的函数*/
函数toggle_可见性（classname）{$（“+classname）.toggle（）；}
/*隐藏类的函数*/
函数hide_可见性（classname）{$（“+classname）.hide（）；}
/*显示类的函数*/
函数show_可见性（classname）{$（“+classname）.show（）；}
/*按id隐藏单个div的函数*/
函数hide_可见性（classname）{$（“#”+classname）.hide（）；}
/*按id显示单个div的函数*/
函数show_可见性（classname）{$（“#”+classname）.show（）；}
切换类别1的可见性
隐藏类1
显示类别1
显示标题1
隐藏标题1
标题1
标题2
标题3
标题4
标题5
标题6