Javascript document.getElementById（）变量onclick

首先谢谢你帮助我。我想我有一个简单的问题，但我想不出来。我有一个脚本类似于下面的一个显示或隐藏我的网站的一部分

它是这样的，但我想做一个改变

<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> 

函数myFunction（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}    
点击我
这是我的DIV元素。

我还有另一个脚本，它创建了多个表，每个表都有一个difrent按钮和一个difrent Id名称

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

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

document.write（‘单击我’）；

因此，evry按钮隐藏或显示另一个零件。有没有一种方法可以使getElementById（“myDIV”）；可验证的

我希望我的解释是正确的

---

感谢您抽出时间

只需调用函数并将

id

作为参数传递即可。您需要将函数调用包装在匿名函数中

而且，确实不要使用

document.write（）

。这仅在创建新的

窗口
对象并从头开始构建它们时有用

<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> 


功能myFunction（buttonID）{
var x=document.getElementById（buttonID）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}    
点击我
这是我的DIV元素。
不要使用内联javascript（例如
onclick
）。然后，分配一个类（而不是ID）来选择每个需要公共操作的项。