javascript - 访问 javascript 中的图像标签 ID，当它被放置在 asp 服务器控件中时，错误：服务器标签定义不明确

Question

我有如下所示的代码

 <asp:TemplateField FooterStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"
            HeaderStyle-CssClass="Column1">
            <ItemTemplate>
                <div class="Column1" style="visibility:<%# SetEditImagesVisibility()%>;">
                    <img src="" id="iEdit"  alt="Edit" class='btntransparent' onclick="EditQC('<%#Eval("ID") %>')" />
                    <img src="" id="iDelete" alt="Delete" class='btntransparent'  onclick="DeleteQ('<%#Eval("ID") %>')" />
                </div>
            </ItemTemplate>
            <HeaderTemplate>
                <div style="visibility:<%# SetAddImagesVisibility()%>;">
                    <img src="" alt="Add" class='btntransparent' id="iPlus" runat="server" onclick="AddTestingID()" />
                </div>
            </HeaderTemplate>
        </asp:TemplateField>

在这里，我需要在 javascript（iEdit 和 iDelete）中访问 img 标签 ID，但由于服务器标签未明确定义而出现错误 javascript 代码如下所示

  document.getElementsById('iEdit').src = HostedPath + 'pics/edit.gif';
  document.getElementsById('iDelete').src = HostedPath + 'pics/edit.gif';

任何人请帮我解决这个问题。提前致谢

Answer 1

尝试像这样更改onclick属性：

<img src="" id="iEdit" alt="Edit" class='btntransparent' onclick='<%# "EditQC(" + Eval("ID").ToString() + ")" %>' />
<img src="" id="iDelete" alt="Delete" class='btntransparent'  onclick='<%# "DeleteQ(" + Eval("ID").ToString() + ")" %>' />

该Eval方法必须包装整个属性，而不是标签实际上是错误的。