嗨，我只想在单击不同的按钮后显示div id placeholder1，placeholder2等。但我不确定如何开始。确实对我有帮助，谢谢:-)以下是我针对不同div ID的代码。
<div id="content">
<div class="demo-container">
<div id="placeholder1" class="demo-placeholder"></div>
</div>
<div class="demo-container" style="height:150px;">
<div id="overview1" class="demo-placeholder"></div>
</div>
<p>Carbon Dioxide Reading</p>
<div class="demo-container">
<div id="placeholder2" class="demo-placeholder"></div>
</div>
<div class="demo-container" style="height:150px;">
<div id="overview2" class="demo-placeholder"></div>
</div>
<p>Gas Reading</p>
<div class="demo-container">
<div id="placeholder3" class="demo-placeholder"></div>
</div>
<div class="demo-container" style="height:150px;">
<div id="overview3" class="demo-placeholder"></div>
</div>
<p>Humidity Reading</p>
<div class="demo-container">
<div id="placeholder4" class="demo-placeholder"></div>
</div>
<div class="demo-container" style="height:150px;">
<div id="overview4" class="demo-placeholder"></div>
</div>
<p>Temperature Reading</p>
<div class="demo-container">
<div id="placeholder5" class="demo-placeholder"></div>
</div>
<div class="demo-container" style="height:150px;">
<div id="overview5" class="demo-placeholder"></div>
</div>
</div>
要在单击按钮时显示div，可以将其添加到CSS中：
.demo-placeholder {
display: none;
}
然后，例如，这是您的按钮：
<input type="button" id="but1" class="buttons" onclick="showDiv1()">Show Button 1
然后将其添加到您的JavaScript中：
function showDiv1(){
document.getElementById("placeholder1").style.display = 'block';
}
笔记
当您要对多个按钮执行此操作时，请确保不要使用相同的功能，而是将数字更改为要显示的div。如果您需要更多帮助，请告诉我，我会更新答案。
希望对您有所帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句