私はW3Sで、このコードを見つけました：別のshow/hide toggler divを追加するには？
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_hide_show
そして、私が探している1つのdiv要素を持っているが、/非表示を表示する3種類のdivを持つことではありません。
私は
は誰が代わりに記述する必要があり、それは私が望むように動作させるために何を教えてもらえます.. /非表示を表示異なるdiv要素をたくさん持っていることができるように、この部分var x = document.getElementById('myDIV');を変更しなければならないと考えていますか？
ありがとうございます！ 種類のよろしく、 シンシア
あなたはなぜそれを自分で試してみて、それが動作しない場合は、質問とここに戻っ？document.getElementsByTagName("DIV");
function myFunction() {
var x = document.getElementsByTagName("DIV");
for(var i=0; i < x.length; i++)
{
if (x[i].style.display === 'none') {
x[i].style.display = 'block';
} else {
x[i].style.display = 'none';
}
}
}.myDIV {
width: 25%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top:20px;
margin-right:10px;
}<body>
<p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p>
<button onclick="myFunction()">Try it</button>
<div class="myDIV">
This is my DIV element.
</div>
<div class="myDIV">
This is my DIV element.
</div>
<div class="myDIV">
This is my DIV element.
</div>
</body>こんにちは、あなたの答えのおかげで、私はそれを正しい方法を説明したとは思わない、ごめんなさい。私は3つのdivを探しているわけではありません。私は、ボタンをクリックすると表示されている別の情報を持つ3つの "試してみる"ボタンを探しています。 Egは名前 ピンクのボックスを示し、「ボタン1がそれを試してみてください」数 と青色のボックスを示し、「ボタン2はそれを試してみてください」画像 でこれらのすべての黄色のボックスを表示「ボタン3がそれを試してみてください」すべき表示/非表示の機能を持ち、他のボタンに依存しません。 – Cynthia
もう一度@Raj、私はこの部分を使用しました 'var x = document.getElementsByTagName（ "DIV"）;'あなたのコードのうち、最後にそれを理解した、ありがとう！ – Cynthia
を使用することができますか – Cristina
それはまさに私がやっていることです:) – Cynthia