Javascript 隱藏一個 div 並顯示另一個不工作

Question

我有一個帶有警報的 javascript：

alert('Transaction successful, ' + orderData.payer.name.given_name);
document.querySelector("#grandiv").style.display = 'none';
document.querySelector("#minidiv").style.display = 'block';

<div id="grandiv">
    <!-- code -->
</div>

<div style="display:none" id="minidiv">
    <!-- code -->
</div>

#minidiv默認隱藏。 我希望隱藏#grandiv並在警報后顯示#minidiv 。 但是在警報之后我得到的只是#grandiv被隱藏而#minidiv根本沒有顯示。 有任何想法嗎？

Answer 1

您的代碼很好，但如果orderData.payer.name.given_name未定義或 object orderData不存在或 key payer不存在或 key name在付款人 object中不存在或given_name在名稱中不存在 object.

在 chrome 中打開您的開發人員工具並重新加載頁面或調用函數或使用 onload 並運行腳本。