이미지 변경 src attClick을 사용하지 않고 onClick

Question

이 코드에 문제가 있습니까? 마우스를 클릭 할 때 "midimg"라는 img의 src를 변경하는 간단한 작업을 수행하려고합니다. 그것은 작동하지 않습니다 그리고 당신은 분명히 이미 JS 프레임 워크 (내가 jQuery를 가정), 왜 시작하는 더 적절한 방법하지를 사용하는 방법을

<script type="javascript"> 
function buttonInCompany() 
{ 
$('#desc').load('incompany.html'); 
document.images["midimg"].src="http://cageme.herokuapp.com/css/mrcage.jpg"; 
} 

</script> 

<div onClick="buttonInCompany()">Everything is cage's cage.<br><br></div> 

<img name="midimg" src="http://3.bp.blogspot.com/-BdfyYy_Y0gY/UP_3y3F2RDI/AAAAAAAAC-Q/eHPCltO8bG8/s1600/TomEngelsnicolas+thing.jpg"> 

Answer 1

jQuery 라인이 필요합니까? 방금 방금 떨어 뜨 렸습니다. works as expected.

function buttonInCompany() 
{ 
    document.images["midimg"].src="http://cageme.herokuapp.com/css/mrcage.jpg"; 
} 

Answer 2

같이 보는 이유를 모르겠어?

<script type="text/javascript"> 
function buttonInCompany() 
{ 
    $('#desc').load('incompany.html'); 
    $('#midimg').attr("src","http://cageme.herokuapp.com/css/mrcage.jpg"); 
} 
$(document).ready(function() { 
    $("#someID").click(function() { 
    buttonInCompany(); 
    }); 
}); 
</script> 

<div id='someID'>Everything is cage's cage.<br><br></div> 

<img id="midimg" src="http://3.bp.blogspot.com/-BdfyYy_Y0gY/UP_3y3F2RDI/AAAAAAAAC-Q/eHPCltO8bG8/s1600/TomEngelsnicolas+thing.jpg">