2016-06-14 5 views
1

Я занимаюсь тестированием на замену javascript и ударил стену.Javascript Замените текст С помощью HTML

Приведенный ниже код заменит E10, но оставит E0 в одиночку, пока имеется линия замены E10. Я хочу в конечном итоге построить все это до E100, а затем сделать то же самое для D0-100, C0-100, вплоть до A и в конечном итоге S. У меня есть готовая графика для всего этого (Re-colored for каждая буква). Однако я не могу заставить его функционировать должным образом.

Кто-нибудь знает, как заставить его заменить каждый, а не только тот, который был загружен последним?

<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

Чтобы обобщить урок здесь: '

Смежные вопросы