html中<span>元素添加 onclick事件没有任何反应

html中元素添加 onclick事件没有任何反应，

#leftdiv{
                 border-right:1px solid;
                 position:fixed;
                 top:130px;left:0px;
                 width:280px;
                 height:100%;
                 background-color:white;
 }
#s1{
                position:absolute;right:0px;top:10px;
}
<div id="leftdiv">
           <span id="s1" value="隐藏" onclick="javascript:alert(123)">隐藏

给s1加一个z-index试试

把js代码单独提出来试一下,先不用写到一起,

 <span id="s1" value="隐藏" onclick="test(123)">
<script>
function test(){
alert(123);

}

</script>

应该不会吧，是不是你的HTML没补全，你看下是不是这样的：

<div id="leftdiv">
    <span id="s1" value="隐藏" onclick="javascript:alert(123)">隐藏</span>
</div>