我在html文件中有兩個div。Javascript：如何在頁面加載時只顯示一個div
<div class="one" id="firstDiv">
</div>
<div class="Two" id="SecondDiv">
</div>
我只想顯示DIV CLASS =「一個」的時候，頁面加載和最終顯示DIV二：當點擊動作發生。我知道如何淡入onclick事件，但我怎麼才能顯示頁面加載時的第一個div？
爲了達到預期的結果，請使用以下選項
選項1：
1.創建功能使用ID
2.使用功能上身體的onload功能
Codepen網址爲參比https://codepen.io/nagasai/pen/JNNrpM
選項2：
1.使#SecondDiv顯示：無初始
2.並使它的onclick使用顯示可用的：塊
Codepen網址參比https://codepen.io/nagasai/pen/KmmXez個
JS：
var divTwo = document.getElementById('SecondDiv');
function hideDiv(){
divTwo.style.display ='none';
}
function showDiv(){
divTwo.style.display ='block';
}
HTML：
<html>
<body onload="hideDiv()">
<div class="one" id="firstDiv">111
</div>
<div class="Two" id="SecondDiv">222
</div>
<button onclick="showDiv()">show Div Two</button>
</body>
</html>
選項2：
HTML:
<html>
<body>
<div class="one" id="firstDiv">111
</div>
<div class="Two" id="SecondDiv">222
</div>
<button onclick="showDiv()">show Div Two</button>
</body>
</html>
CSS：
.Two{
display:none
}
JS：
function showDiv(){
var divTwo = document.getElementById('SecondDiv');
divTwo.style.display ='block';
}
使得點擊身體的時候，你的其他分區與createElement()添加到頁面中，您可以添加一個click事件：
https://www.w3schools.com/jsref/met_document_createelement.asp
如果你只是想添加一次股利，你可以刪除事件監聽器以及創建div。
如果你想div在開始時隱藏，你可以使用CSS來應用隱藏的價值，如：
<div class="hidden" id="someIdVal">Lorem Ipsum</div>
.hidden{
display: none;
}
然後用JS刪除/添加類：
function toggleHidden(id){
document.getElementById(id).classList.toggle('hidden');
}
。二{顯示：無;}
然後用javascript onclick事件：
document.getElementById（「SecondDiv」）。style.display =「block」;
您可以讓class =「Two」顯示：none，並使其可用onclick –
您可以省略第二個div並通過按鈕單擊以編程方式創建它。或者您可以添加一個最初隱藏它的類，並在按鈕單擊時將它刪除 – Brian
[顯示/隱藏'使用JavaScript'div']的可能重複（http://stackoverflow.com/questions/21070101/show-hide-div-using -javascript） –