2016-06-14 40 views
1

我正在做一些JavaScript替換測試,並且遇到了問題。Javascript將文本替換爲HTML

下面的代碼將替換E10,但在E10替換線存在時保留E0。我希望最終可以將它構建到E100,然後對D0-100,C0-100,一直到A以及最終S都做同樣的事情。我已經預先製作了所有圖形(重新着色爲每個字母)。不過,我似乎無法讓它正常工作。

任何人都知道如何讓它代替每一個,而不僅僅是最後一個加載哪一個?

<body onload="myFunction()"> 

E50 E30 E10 <br> 

E60 E40 E0 

</body> 


<script> 
function myFunction() { 
    document.body.innerHTML = document.body.innerHTML.replace(/E0/g, '<img src="http://s31.postimg.org/5riz5vn0b/Zero.png"/>'); 
} 
</script> 

<script> 
function myFunction() { 
    document.body.innerHTML = document.body.innerHTML.replace(/E10/g, '<img src="http://s31.postimg.org/6wm82qo8r/ten.png"/>'); 
} 
</script> 

任何和所有的幫助,將不勝感激。

+0

所以第一個被刪除,永遠不會執行你重新聲明你的'myFunction'。 – putvande

+0

我正要說:) – clurect

+0

爲了概括這裏的教訓:'