document.getElementById（）変数onclick

Question

最初に私を助けてくれてありがとう。私は単純な問題があると思うが、私はそれを理解することはできない。私は以下のようなスクリプトを使って自分のウェブサイトの一部を表示したり隠したりしています。

私はdifrentボタンとdifrent ID名ごとに複数のテーブルを作る別のスクリプトを持っていることがあるように、それは動作しますが、私は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> 

。

私はこのようなonclickのアクションで変数を送信したい：

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

ようevryのボタンは、別の部分を隠したり表示されます。 getElementById（ "myDIV"）を作成する方法はありますか。本当ですか？

私は正しく描写して欲しいと思います。

は

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>