我的目标是在每次点击时将div旋转180度，而不会切换CSS类。
第一次单击可以实现一个旋转（.style.transform =“ rotate（180deg）”;），但是任何后续单击都无效。
顺便说一句，那到底是为什么？div的ID并未更改，因此从理论上讲，相同的触发器（在这种情况下为单击）应该调用相同的函数，对吗？但事实并非如此。我不知道这里的逻辑是什么，技术上的解释是什么，并且在实践中，如何再次操作该后div（即在其JavaScript操作之后的原始div），而又无需切换CSS类。
function rotate() {
document.getElementById("container").style.transform =
"rotate(180deg)";
}.container {
width: 200px;
height: 400px;
border: 5px solid;
border-bottom-color: blue;
border-top-color: red;
}<div class="container" id="container" onclick="rotate()"></div>