Javascript 在不使用attr的情况下更改图像src onClick

这个代码有什么问题吗？我试图做一个简单的操作，在鼠标点击时更改名为“midimg”的img的src。它不起作用，我不知道为什么

<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">

功能按钮公司（）
{
$（'#desc'）.load（'company.html'）；
document.images[“midimg”].src=”http://cageme.herokuapp.com/css/mrcage.jpg";
}
一切都是凯奇的笼子。

鉴于您显然已经在使用js框架（我假设是jQuery），为什么不从更合适的方式开始呢

<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">

功能按钮公司（）
{
$（'#desc'）.load（'company.html'）；
$（'#midimg'）.attr（“src”http://cageme.herokuapp.com/css/mrcage.jpg");
}
$（文档）.ready（函数（）{
$（“#someID”）。单击（函数（）{
（b）公司；
});  
});
一切都是凯奇的笼子。

您需要jQuery行吗？我只是把它掉了，比它还多

---

我觉得不错。你有错误吗？什么不起作用？有错误信息吗？在JS控制台打开的情况下运行脚本。

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