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

Question

这段代码有问题吗？我正在尝试执行简单的操作，即在单击鼠标时更改名为“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">

Answer 1

看到您显然已经在使用 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">

Answer 2

你需要 jQuery 行吗？我刚刚放弃了它，它按预期工作。

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