如何替換單個圖像中的整個Div元素（以及其中的其他元素）？

Question

這是我在我的.js文件：

function starClick1() { 
document.getElementById=("RatingStars").src="../images/Stars1"; 
}  
function starClick2() { 
document.getElementById=("RatingStars").src="../images/Stars2"; 
} 
function starClick3() { 
document.getElementById=("RatingStars").src="../images/Stars3"; 
} 

而在.html文件我把這個：

<div id="RatingStars"> 
<img onmousemove="imageSwitch1()" onclick="starClick1()" onmouseout ="imageSwitchOut1()" id="star1" height="14px" src="../images/starWhite.png"> 
<img onmousemove="imageSwitch2()" onclick="starClick2()" onmouseout ="imageSwitchOut2()" id="star2" height="14px" src="../images/starWhite.png"> 
<img onmousemove="imageSwitch3()" onclick="starClick3()" onmouseout ="imageSwitchOut3()" id="star3" height="14px" src="../images/starWhite.png"> 
</div> 

PS：其他功能沒有什麼關係我的問題（我認爲）。

Answer 1

replaceWith()替換另一個元素的元素：

var otherElement = $('<img />', {src: 'image.png'}); 

$('#RatingStars').replaceWith(otherElement); 

Answer 2

或者說，這樣做沒有jQuery的：

elementToReplace.parent.replaceChild(elementToInsert, elementToReplace);