新手求帮忙找错

Question

想写个简单的，点下按钮，换张图，但就是没效果，麻烦前辈们帮忙看看是哪有问题<div class="pic1">
    <li id="pic2"><img src="images/1.jpg" /></li>
</div><div class="btn1">
    <input type="image" src="images/aaa.png" width="50" height="50" onclick="shuaxin()" />
</div>
function shuaxin(){
var pic_1 = document.getElementById("pic2");
pic_1.src = "images/5.jpg";
}

Answer 1

<div class="pic1">
    <li id="pic2"><img src="images/1.jpg" /></li>
</div>
改成<div class="pic1">
    <li ><img id="pic2" src="images/1.jpg" /></li>
</div>

Answer 2

pic_1.src = "images/5.jpg";  这块pic_1拿到的是li 不是img ，你给li加src可以？

Answer 3

属性搞错了，li没有src属性，img才有。

Answer 4

恩恩，一楼的正解啊
var pic_1 = document.getElementById("pic2");
pic_1.src = "images/5.jpg";
pic_1是获取的li的对象，
再对这个对象的src属性操作，
姑且不论有没有这个对象，
是你个人的逻辑有问题，
南辕北辙，
明显是不对的嘛

Answer 5

+1  拿错ID了。给img加ID就行了