如何从 Javascript 访问 asp:Image？答案

【问题标题】：How to access asp:Image from Javascript?如何从 Javascript 访问 asp:Image？
【发布时间】：2010-11-16 09:31:32
【问题描述】：

我的服务器标记中有一个 asp:Image，如下所示：

<asp:Image ID="Img1" runat="server"/>

现在，我想在我的 javascript 中找到这个 img，但似乎遇到了 ASP.Net 混淆我的名字的问题。客户端标记将如下所示：

<img id="ctl00_Content_Img1"/>

我想这是因为一切都在一个名为“内容”的表单元素中，我猜这很正常吗？ :)

关于如何从 javascript 访问它的任何指针？

[编辑] 我在想是否有一种简单的方法可以更改我的 javascript“服务器时间”来搜索混淆的 id？

【问题讨论】：

【解决方案1】：

只是把前面的两个答案放在一起：

var img = document.getElementById('<%= Img1.ClientID %>');

【讨论】：

【解决方案2】：

您可以使用 ClientID 属性获取在服务器端生成的 Id 的客户端引用：

var img1 = document.getElementById('<%= Img1.ClientID %>');

【讨论】：

【解决方案3】：

在这里，您可以通过使用它的 ClientID 属性来获取服务器控件的客户端 ID：

<script>
var imgID = '<%= Img1.ClientID %>';
var imgObject = document.getElementById(imgID);
</script>

【讨论】：

【解决方案4】：

您想使用document.getElementById 函数。

【讨论】：