Question

我有一个div我希望在按钮点击时切换显示。

这是HTML结构：

<div>
<button onclick="toggle()"> Show </show>
<div id="toggle"> </div>
</div>

这个脚本将是：

var div = document.getElementById("toggle");
if(div.style.display=="none" ||div.style.display == ""){
    div.style.display="block"   }
else{
    div.style.display="none";
    }

这很好但是我有多个button-div组合？显然我将不得不为每个div使用不同的id但是如何在函数内部获得此id？或者还有其他方法吗？

这也是正确的方法吗？为每个div使用多个id？有没有其他方法来实现这样的系统？

Answer 1

function toggle(id) {
    var div = document.getElementById(id);
    if(div.style.display=="none" ||div.style.display == ""){
        div.style.display="block"   }
    else{
        div.style.display="none";
    }
}

并在您的HTML中

<div>
<button onclick="toggle('toggle')"> Show </show>
<div id="toggle"> </div>
</div>

在多个div上实现切换

1 个答案: