我们有HTML代码 - 带图像的按钮。
<button id="BT_ADD_ROW_P_1" class="icon-btn-enabled" onclick="addRow_P_1();" title="Add Row" type="button" style="display: block;">
<img class="icon-image-2-enabled" alt="Add Row" src="/itg/images/pm/insertRowTransparent.gif"></img></button>
点击上面的按钮会调用 addRow_P_1()
功能。
现在我有另一个功能来改变它的事件
document.getElementById('BT_ADD_ROW_'+tableObject.id).onclick=function(){TBC_AddRow(tableObject);};
使用上面的代码,当点击按钮而不是调用 addRow_P_1
函数时,会调用TBC_AddRow。这是迄今为止运作良好的现有功能。
升级后,基本HTML代码已更改。更换按钮并使用以下代码。
<a id="BT_ADD_ROW_P_1" class="tc-btn-enabled" href="javascript:addRow_P_1('BT_ADD_ROW_P_1');" hidefocus="true"><span><img alt="Add Row" src="/itg/images/table/add.png"></img>Add Row </span></a>
我已将JS功能修改为以下但是它不起作用...
document.getElementById('BT_ADD_ROW_'+tableObject.id).innerHTML='<a class="tc-btn-enabled" href="javascript:TBC_AddRow('+tableObject+');"><span><img alt="Add Row" src="/itg/images/table/add.png"></img>Add Row</span></a>';
有人可以帮我解决这个问题吗?我是新手,并没有太多关于innerHTML如何工作..谢谢。