js改写属性需要重构页面吗?

代码是这样的:
//js代码
function abc()
{
var x=document.getElementById('123');
var i=x.src;
x.src="2.jpg";
}
<body>
<img src="1.jpg" id="123"/>
<input type="button" onClick="abc()" />
</body>在点击按钮以后,图片改变了,但是查看源文件,img的src还是1.jpg,这个时候如果继续调用img的src,也就是i的值一直都是1.jpg,无论点击多少次,怎么让i的值能取到2.jpg.
谢谢了.

解决方案 »

  1.   

    查看原文件是看不出变化的，document.getElementById('123').src可以获取当前的src的值
      

  2.   

    我在代码中加了一个判定语句,一直显示取得的i值是1.jpg;
      

  3.   

    先把DOM的概念搞清楚了.你什么就明白了.
    原文件在经过js处理(或修改)后,就变了.但浏览器是通过DOM进行读取的.不会再查原文件了.
    不知道你明白没??
      

  4.   

    这个只是一个小小的列子,我只是想知道,在这种情况下如何使i的值为2.jpg
      

  5.   

    楼主你怎么测试的啊，你的代码当你第二次点击button的时候他的src值不是2.jpg？function abc()
    {
    var x=document.getElementById('123');
    var i=x.src;
    alert(x.src);
    x.src="2.jpg";
    alert(x.src);
    }