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

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>