Преобразование числа в имя

Question

Например, у меня есть <span id="convertNumberToName">1</span> где-то на моей странице.
Обратите внимание на «1», я хочу скрывать «1», скажем, «Джон», каждый раз, когда «1» находится в теге span с «convert» как id.

Я также хочу, чтобы «2» было преобразовано в «Пит». И «3» будет преобразовано в «Боб».

Так что, если мой HTML является:

<span id="convertNumberToName">1</span> 
<span id="convertNumberToName">2</span> 
<span id="convertNumberToName">3</span> 

Моя страница гласит:

Джон
Пит
Боб

Кто-нибудь знает, как это сделать?

Answer 1

Это преобразует числа в ваши выбранные имена.

<script type="text/javascript"> 
window.onload = function() { 

    var e = document.getElementsByTagName('span'); 

    for (var i = 0, l = e.length; i < l; i++) { 
     if (typeof e[i].className !== 'undefined' && e[i].className === 'convertNumberToName') { 
      e[i].innerHTML = convertToName(e[i].innerHTML); 
     } 
    } 

    function convertToName(n) { 
     var names = ['John', 'Pete', 'Bob'], 
      n = parseInt(n, 10) - 1; 

     if (names[n]) { 
      return names[n]; 
     } 

     return 'Unknown'; 
    } 

}; 
</script> 

<span class="convertNumberToName">1</span><br /> 
<span class="convertNumberToName">2</span><br /> 
<span class="convertNumberToName">3</span> 

Answer 2

короче способ сделать это>

<script> 
var names = ['John', 'Pete', 'Bob']; 
var div = document.getElementById('convertNumberToName'); 
div.innerHTML = names[div.innerHTML]; 
</script>