[英]Javascript hide a div and show another not working
I have a javascript with an alert:我有一个带有警报的 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
is hidden by default. #minidiv
默认隐藏。 I want #grandiv
to be hidden and #minidiv
displayed after the alert.我希望隐藏#grandiv
并在警报后显示#minidiv
。 But all I get after the alert is #grandiv
being hidden and #minidiv
not being displayed at all.但是在警报之后我得到的只是#grandiv
被隐藏而#minidiv
根本没有显示。 Any ideas?有任何想法吗?
Your code is fine but it will not work if orderData.payer.name.given_name is undefined or if object orderData not exists or key payer does not exists or key name does not exists in payer object or given_name does not exists in the name object.您的代码很好,但如果orderData.payer.name.given_name未定义或 object orderData不存在或 key payer不存在或 key name在付款人 object中不存在或given_name在名称中不存在 object.
Open your developers tool in chrome and reload the page or call the funtion or use onload and run script.在 chrome 中打开您的开发人员工具并重新加载页面或调用函数或使用 onload 并运行脚本。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.