请参考规范，最引人注目的是禁止的内容（在SGML定义;援助读取，看这里）：
aS，
forms和形式的“控制”（
，
input，
select等），和
fieldset秒。
尽管您断言
spans（和
divs等）是
button元素的合法内容是正确的，但非法元素与具有除布局/样式之外的其他任何内容的按钮内容有关。
我在规范中没有看到任何东西会妨碍您尝试做的事情，但是我确实看到很多令人沮丧的想法，并且如果各种浏览器也因不支持它而“劝阻”它，这将不足为奇。
就是说：如果您想获得跨浏览器的支持，请找到另一种方式来做您想要的事情。我不了解您实际上要做什么，因此我认为不可能提出替代方案。我知道您想对单击按钮和图标做出不同的反应-
但这是对您不希望发生的事情的（不错的）演示，而不是您要解决的实际问题的说明。
一种方法可能是不使用按钮，而使用另一个
span或按钮
div：
<p id="console"></p><div >Click <span ></span></div><script> $('.icon').click(function () { $('#console').html('Icon has been clicked'); return false; }); $('.button_replace').click(function () { $('#console').html('Button has been clicked'); });</script>
