I came across a BUG that cannot trigger the onclik event on IE, Google and Firefox are fine, IE10,11 is fine, IE9 is fine.

I came across a BUG that cannot trigger the onclik event on IE. Google and Firefox are fine, IE10,11 is fine, and IE9 is fine. The
code is as follows:
html:

<th style="width:10%" >
                        <%=rp.getString("zdgl.zdgl.dlsj")%><%-- --%>
                        <span id="timeUp" onclick="timeOrder(this);"  style="float:right; cursor:pointer"></span>
                        <span id="timeDown" onclick="timeOrder(this);" style="float:right;cursor:pointer"></span>
                
                    </th>
                    <th style="width:9%">
                        <%=rp.getString("zdgl.zdgl.lxts")%><%-- --%>
                        <span id="dayUp" onclick="dayOrder(this);"  style="float:right; cursor:pointer"></span>
                        <span id="dayDown" onclick="dayOrder(this);" style="float:right;cursor:pointer"></span>
                    </th>

js:

    function timeOrder(obj){
    if(obj!=null&&obj!="undefined"&&obj.id=="timeDown"){
        document.getElementById("timeDown").style.display="none";
        document.getElementById("timeUp").style.display="block";
        document.getElementById("timeOrder").value= "0";
        document.cookie="timeOrder=0";
    }else if(obj!=null&&obj!="undefined"&&obj.id=="timeUp"){
        document.getElementById("timeUp").style.display="none";
        document.getElementById("timeDown").style.display="block";
        document.getElementById("timeOrder").value= "1";
        document.cookie="timeOrder=1";
    }
    document.getElementById("myForm").action="clientList.jsp?isTime=0";
    document.getElementById("myForm").submit();
}

function dayOrder(obj){
    if(obj!=null&&obj!="undefined"&&obj.id=="dayDown"){
        document.getElementById("dayDown").style.display="none";
        document.getElementById("dayUp").style.display="block";
        document.getElementById("dayOrder").value= "0";
        document.cookie="dayOrder=0";
    }else if(obj!=null&&obj!="undefined"&&obj.id=="dayUp"){
        document.getElementById("dayUp").style.display="none";
        document.getElementById("dayDown").style.display="block";
        document.getElementById("dayOrder").value= "1";
        document.cookie="dayOrder=1";
    }
    document.getElementById("myForm").action="clientList.jsp?isTime=1";
    document.getElementById("myForm").submit();
}

function checkOrder(){
var orderValue="0";
var dayOrder="0";
console.info(dayOrder);
var arrCookie=document.cookie.split("; "); 
    for(var i=0;i<arrCookie.length;iPP){ 
        var arr=arrCookie[i].split("="); 
            //userIdcookie 
            if("timeOrder"==arr[0]){ 
                orderValue = arr[1]; 
                break; 
            }
            
    } 
    for(var i=0;i<arrCookie.length;iPP){ 
        var arr=arrCookie[i].split("="); 
            //userIdcookie 
            if("dayOrder"==arr[0]){ 
                dayOrder = arr[1]; 
                break; 
            }
            
    } 
    //var orderValue = document.getElementById("timeOrder").value;
    if("0" == orderValue||""==orderValue){
        document.getElementById("timeDown").style.display="none";
        document.getElementById("timeUp").style.display="";
    }else if("1" == orderValue){
        document.getElementById("timeUp").style.display="none";
        document.getElementById("timeDown").style.display="";
    }
    
    if("0" == dayOrder||""==dayOrder){
        document.getElementById("dayDown").style.display="none";
        document.getElementById("dayUp").style.display="";
    }else if("1" == dayOrder){
        document.getElementById("dayUp").style.display="none";
        document.getElementById("dayDown").style.display="";
    }
}