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 并运行脚本。