javascript - 按类别切换可见性

Question

嗨，谁能帮帮我。

例如，我如何使用按类而不是 id 来切换可见性。

按钮

<a href="javascript:void(0);" onclick="toggle_visibility('trailer');">Trailer</a>

然后这个。

<div class="trailer" style="display:none">{include file="trailer.tpl"}</div>

那么我如何修改这个 javascript 以使用类。

{literal}
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>                
{/literal}  

那么请帮助javascript。

Answer 1

使用 getElementsByClassName

function toggle_visibility(className) {
    elements = document.getElementsByClassName(className);
    for (var i = 0; i < elements.length; i++) {
        elements[i].style.display = elements[i].style.display == 'inline' ? 'none' : 'inline';
    }
}