javascript - 使用 JavaScript 显示隐藏的 div

Question

我有一个 类 的 div(有 5 个)。在我的 CSS 中，我将该类设置为 display:none;。每个 div 也有一个唯一的 ID。我想用JS让这些div单独出现。

像这样:

<style>
.hidden{
     display:none; }
</style>
<script>
function displayDiv1(){
    document.getElementById('div1').style.display = "block"; }
function displayDiv2(){
    document.getElementById('div2').style.display = "block"; }
</script>
<div class="hidden" id="div1">
<p>some stuff here</p>
</div>
<div class="hidden" id="div2">
<p>some more stuff here</p>
</div>

这是一个 jfiddle(不工作)http://jsfiddle.net/DAzZT/

是否可以做这样的事情，或者我是否必须使用 id 单独声明每个 div display:none;到类？

Answer 1

问题只是getElementById，您需要编写document.getElementById。并且只使用一个函数来完成同样的工作:

function showDiv(id) {
    document.getElementById(id).style.display = "block";
    return false;
}

调用它:

<a href="#" onclick="return showDiv('your_div_id');">Show Div</a>