Question

javascript中this获取当前对象问题

HTML代码
<img id="showpicleft" src="cake12.jpg"/>
<img src="cake11.jpg" onclick="change_pic()"/>

JS代码

function change_pic(){
var src_pic =this.src;
document.getElementById("showpicleft").src = src_pic;
}

按下后触发方法。为什么没有办法正确更新showpicleft的图片
代码没有语法错误，只是var src_pic =this.src;获取不了正确的SRC

Answer 1

首先，this指的是对函数本身的引用。conclick事件调用的是这个事件，要获取的img的src属性，是dom image的属性，并不是函数change_pic的,所以当然不管用了，最好给函数传参，如onclick="change_pic(this)"吧img这个对象传给函数。函数中通过 参数.src引用就OK了。希望对你有所帮助！

Answer 2

<img src="cake11.jpg" onclick="change_pic(this)"/>

function change_pic(obj){
var src_pic =obj.src;
document.getElementById("showpicleft").src = src_pic;
}

Answer 3

onclick="change_pic(this)"

function change_pic(obj) {
// 这里的obj才是你想要的东西
alert(obj.src);
}