Aspx页面 js获取对象问题 .src

Question

function GetIcon(num)
{
    //document.getElementById("ShowBigImg").src = 'images/touxia/00'+ num +'.png';
    var Imgurl = 'images/touxia/00'+num+'.png';
    alert(Imgurl);
    document.getElementById("ShowBigImg").src = Imgurl;
}<div style="border-top:dotted 2px silver;">
    <img id="ShowBigImg" src="~/images/touxia/001.png" runat="server" alt="头像" height="125" />
</div>
js定义的一个方法 , 说 document.getElementById(...) 对象为空或不是对象  ？？？
和在Div下面有关系么 ???
    <script type="text/javascript">
        function chooseFace(filename)
        {
           document.getElementById("ChooseFace").src = 'images/'+filename+'.gif';//OK
           document.getElementById("msg").innerHTML = 'images/'+filename+'.gif';
        }
    </script><img id="ChooseFace" src="~/images/go.gif" runat="server" alt="" /><span id="msg"></span>
这个方法完全可以   为什么上面的有问题呢

Answer 1

document.getElementById("<%=ShowBigImg.ClientID%>")

Answer 2

把js代码放到img控件下面试试

Answer 3

此方法确实可行 ClientID var Imgurl = '../images/touxia/00'+num+'.png';  改下路径就可以正常显示啦   谢谢

Answer 4

onclick="document.getElementById('ChooseFace').src = 'images/go.gif';"也可行   但页面阅读性 就不强啦   以后改点什么的 不是很方便  ^_^
也非常谢谢 ...