如何访问asp：来自Javascript的图片？

Question

我有一个asp：我的服务器标记中的图像：

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

现在，我想在我的javascript中找到这个img，但似乎遇到了ASP.Net混淆我的名字的问题。客户端标记看起来像这样：

<img id="ctl00_Content_Img1"/>

我想这是因为所有内容都在一个名为“内容”的表单元素中，我觉得这很正常吗？ ：）

有关如何从javascript访问此内容的任何指示？

[编辑]我在想是否有一种简单的方法来改变我的javascript“servertime”来搜索混淆的id？

Answer 1

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

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

Answer 2

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

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

Answer 3

将两个先前的答案放在一起：

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

Answer 4

您想使用document.getElementById功能。