Javascript 如何在asp中的按钮内添加span元素？

我有一个带有图像和按钮的侧边栏面板

<div class="glyphRow" id="gly_Job" runat="server">
  <span class="glyphicon glyphicon-comment glyphiconSideMenu"></span>
  <asp:Button ID="btnJob" runat="server" Text="Job" 
    CssClass="btn btn-primary" OnClick="btnJob_Click" />
</div>

我想将按钮大小设置为100%，这样我就可以单击面板项目上的任何位置，但为了做到这一点，我必须将图像移动到按钮内部。我该怎么做呢？

类似的事情

<div class="glyphRow" id="gly_Job" runat="server">
  <button ID="btnJob" runat="server" Text="Job" 
          CssClass="btn btn-primary" OnClick="btnJob_Click">
    <span class="glyphicon glyphicon-comment glyphiconSideMenu"></span>
  </button>
</div>

---

asp:button

不是标准HTML，它是一个asp.net Webforms控件，用于呈现HTML

如果您确实想继续使用

asp:button

，请使用以下javascript将单击事件添加到

div

document.getElementById("gly_job").addEventListener(function(){
    //Find the button and click it
    this.querySelector(".btn.btn-primary").click();
});

为了增加用户友好性，请添加以下CSS，以指示整个

div

是可单击的

#gly_job {cursor: pointer;}

---

注意：代码未经测试，可能需要语法错误修复

我想使用asp:Button而不是htmlbutton@neki_1111您已要求提供html或js答案。不是asp答案。我认为您还需要将
OnClick
替换为服务器上的
OnClick
，请参阅：