<div class="wrap" id="wrap">
        <img  id="img"src="one.jpg">
<input type="button" class="one"value="one">
<input type="button" class="two"value="two">
<input type="button" class="three"value="three">
<input type="button" class="fouth"value="fouth">
<span id="span"></span>
    </div>
    <script type="text/javascript">
        
        var img = document.getElementById("img");
        var wrap = document.getElementById("wrap");
        var span = document.getElementById("span");
        var one_btn = document.getElementById("one");
        var two_btn = document.getElementById("two");
        var three_btn = document.getElementById("three");
        var fouth_btn = document.getElementById("fouth");

        var pic = ["two.jpg","three.jpg","four.jpg","one.jpg"];
        var text = ["1","2","3","4"];
        var sumintputs = document.getElementsByTagName("input");
        for (var i = 0; i < sumintputs.length; i++) {
            sumintputs[i].onclick = function (){
                this.style.width ="70px";
                this.style.background ="pink";
                img.src = pic[i];
                span.innerHTML = text[i];
            }
        };
更多 0

若要修改属性的话要用到DOM节点，setAtribute()方法，不知道写对这个单词没，img.setAtribute("src",pic[i]);写法差不多是这样，好久没写了也不知道正确不，你试试吧

你预想的img.src需要的i是构造这个函数时的值，不是点击时存在的值；现实情况是img.src取到的i的值是点击时存在的值