javascript在gridview中显示/隐藏图像 [英] javascript show/hide image inside gridview
本文介绍了javascript在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屋!
查看全文