当将其放置在ASP服务器控件中时，正在访问JavaScript中的图像标签ID，错误：服务器标签定义不正确

Question

I have code as shown below

 <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>

Here i need to access img tag id in javascript(iEdit and iDelete) but am getting error as The Server tag is not well defined javascript code is shown below

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

Any one please help me out in fixing this issue. Thanks in advance

Answer 1

Try changing the onclick attributes like this:

<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() + ")" %>' />

The Eval method must wrap the entire attribute, instead the tag will really be misformed.