javascript在gridview中显示/隐藏图像 [英] javascript show/hide image inside gridview

问题描述

亲爱的专家，

我有一个在单元格中有图像的gridview。我只是想从javascript中显示和隐藏该图像。



在gridview模板字段中

< img id =img1alt = src =../ images / LoadingImage.gif/>

解决方案

我解决了自己。解决方案如下： -



var grdvw = document.getElementById（GridView1）;

  for （ var  i = < span class =code-digit> 1 ; i <  grdvw.rows.length; i ++）
 {
 grdvw .rows [i] .cells [ 0 ]。getElementsByTagName（'  img'）[ 0 ]。style.visibility = ' 可见的;  //   for hide grdvw.rows [i] .cells [0] .getElementsByTagName（'img'）[0]。 style.visibility ='hidden';  
} 

添加onclick函数。的onclick = JavaScript的：ShowHideImage（本）; 
 
 <   script  > ;  
函数ShowHideImage（imgelement）
 {
 //你的代码在这里; 
} 
 <   / script  >  

Dear Experts,
I have a gridview having images in a cell. I just want to show and hide that image from javascript.

inside gridview template field
<img id="img1" alt="" src="../images/LoadingImage.gif" />

解决方案

I solved myself. Solution is given below:-

var grdvw = document.getElementById("GridView1");

for(var i = 1; i < grdvw.rows.length; i++)
{
grdvw.rows[i].cells[0].getElementsByTagName('img')[0].style.visibility='visible'; //for hide grdvw.rows[i].cells[0].getElementsByTagName('img')[0].style.visibility='hidden';
}

add onclick function to it. onclick="javascript:ShowHideImage(this);"

<script>
function ShowHideImage(imgelement)
{
// Your code goes here;
}
</script>

这篇关于javascript在gridview中显示/隐藏图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！