为什么刚进入页面时要连续点两次按钮改变为另一个按钮？

Question

html：<button id="战斗按钮" onclick="战斗()">战斗</button><br />         <div id="战斗">            <span id="战斗消息"></span>        </div>script： function 战斗(){     var 战斗消息="";    var obj=document.getElementById('战斗');    if(obj.style.display=='none'){        obj.style.display='block';        document.getElementById("战斗按钮").innerHTML='离开战斗';        战斗消息+="在这个世界，你已经无敌了"+"<br/>";    document.getElementById("战斗消息").innerHTML=战斗消息;    }else{        obj.style.display='none';        document.getElementById("战斗按钮").innerHTML='战斗';    }}style：        <style>            *{                position: relative;            }            #战斗{                position: absolute;                width: 100%;                height: 100%;                display: none;            }        </style>