更改圖像src onClick不使用attr

這段代碼有什麼問題嗎？我試圖在鼠標點擊時更改名爲「midimg」的img的src的簡單操作。它不工作，我不知道爲什麼更改圖像src onClick不使用attr

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

來源

2013-01-31 Andrew

看起來不錯。你有任何錯誤？ –

什麼不行？任何錯誤消息？打開JS控制檯運行腳本。 –

您是否需要jQuery代碼？我只是放棄它，而不是它works as expected。

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

來源

2013-01-31 16:10:11

看到如何你顯然已經在使用一個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">

來源

2013-01-31 16:06:43

更改圖像src onClick不使用attr

回答

相關問題