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线吗？我把它丢掉了，而不是works as expected。

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

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

2 个答案: