Question

首先感谢你帮助我。我想我有一个简单的问题，但我无法弄清楚。我有一个类似下面的脚本来显示或隐藏我网站的一部分。

它按原样运行，但我想进行1次更改，

<script>
    function myFunction() {
        var x = document.getElementById("myDIV");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }    
</script>



<button onclick="myFunction()">Click Me</button>
    <div id="myDIV">
  This is my DIV element.
</div>

我有另一个脚本，它创建了多个表，每个表都有一个不同的按钮和不同的Id名称。

我想发送一个带有onclick动作的变量，如下所示：

<script>
document.write('<button onclick="myFunction('+item1+')">Click Me</button>);
</script>

以便evry按钮隐藏或显示另一部分。有没有办法制作getElementById（＆＃34; myDIV＆＃34;）; veriable？

我希望我的解释是正确的。

谢谢你的时间

Answer 1

只需调用该函数并传递id作为参数。您需要将函数调用包装在匿名函数中。

并且，实际上不使用document.write()。这仅在创建新的window对象并从头构建它们时才有用。

<script>
    function myFunction(buttonID) {
        var x = document.getElementById(buttonID);
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }    
</script>

<button onclick="function(){ myFunction(item1) }">Click Me</button>
<div id="myDIV">This is my DIV element.</div>

document.getElementById（）变量onclick

1 个答案: