关于JS的onclick事件的一个问题，以下是部分源码

Question

 <div id="tit" style="width: 500px;"><h2 class="h2font">呼叫系统走势图</h2>
                <button onclick="tab1();">切换1</button><button onclick="tab2();">切换2</button><button onclick="tab3();">切换3</button>
                <div class="drawTab"><span class="span1" onclick="tab1();">月度</span><span class="span2" onclick="tab2();">季度</span><span class="span3" onclick="tab3();">年度</span></div></div>
            <div id="container" style="height: 100%;"></div>
       </div>

        刚开始span 的样式没有定义好，所以使用的是button实现下面那个div echarts图表的一个切换，但是样式做好后，使用span的onclick事件来实现页面的切换的时候，如果button按钮存在的情况下，功能是正常的，如果把button去掉，就不能使用了，active和hover事件也都全部失效了

Answer 1

说明 span 标签的事件没有注册成功，或者层级不够，没有触发。ps: 贴的代码，只能推测出是这两个原因。