如何从代码后面设置html img src [英] How to set html img src from code behind

问题描述

我的asp.net页面中有一个html图像。最初设置为self.png。



图像将从服务器端动态设置，从代码隐藏。怎么可能。



< img alt =src =self.pngrunat =serverclass =igte_rPayNet_ButtonImg/>



任何人请提供有用的信息。



谢谢



我尝试了什么：



page_load事件如何更改图像。

i是通过使用java脚本尝试它不起作用。



var img1 = document.getElementByClassNames（igte_rPayNet_ButtonImg）;

var imag1 = document .getElementsByTagName（igte_rPayNet_ButtonImg）;



alert（img1）;

alert（imag1）;



尝试下面我得到objectHtmlcollections错误



var ig = document.getElementById（igte_rPayNet_ButtonImg）。src =../ Images / joy.png;

alert（ig）;





使用JS无法获取它，并且无法更改图像。

解决方案

Giv e img 标记一个ID然后你应该能够从服务器端到达它：

 <   img     alt   =     src   =  self.png       runat   = 服务器   类  =  igte_rPayNet_ButtonImg    id   =  yourIdHere    /  >  

 yourIdHere.Src =   path-here.png 

该方法名为getElementsByClassName，它返回一个数组;

 var img1 = document.getElementsByClassName（igte_rPayNet_ButtonImg）; 
 
 if（img1.length> 0）
 {
 img1 [0] .src =joy.png; 
} 

这是答案。谢谢大家的支持。



< script type =text / javascriptsrc =http://ajax.googleapis.com/ajax/libs/ jquery / 1.8.3 / jquery.min.js>< / script>

< script language =javascripttype =text / javascript>

I have a html image in my asp.net page. Intially it is set to self.png.

Image will be set dynamically from server side means from code behind. How is it possible.

<img alt="" src="self.png" runat="server" class ="igte_rPayNet_ButtonImg" />

Any one please provide useful info.

Thanks

What I have tried:

on page_load event how can i change the image.
i was tried by using java script it's not working.

var img1 = document.getElementByClassNames("igte_rPayNet_ButtonImg");
var imag1= document.getElementsByTagName("igte_rPayNet_ButtonImg");

alert(img1);
alert(imag1);

trying the below i am getting objectHtmlcollections errors

var ig = document.getElementById("igte_rPayNet_ButtonImg").src = "../Images/joy.png";
alert(ig);


using JS am unable to getting it, and unable changing the image.

解决方案

Give the img tag an ID and then you should be able to reach it from the server-side:

<img alt="" src="self.png"  runat="server" class="igte_rPayNet_ButtonImg" id="yourIdHere" />

yourIdHere.Src = "path-here.png"

The method is called getElementsByClassName, and it returns an array;

var img1 = document.getElementsByClassName("igte_rPayNet_ButtonImg");

if (img1.length > 0)
{
    img1[0].src = "joy.png";
}

Here is the Answer. thank you all for your support.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript" type="text/javascript">

这篇关于如何从代码后面设置html img src的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！