将数字转换为名称

Question

例如，我的页面上某处有 <span id="convertNumberToName">1</span>。
请注意“1”，我想将“1”转换为 "John"，每次“1”位于以 "convert" 作为 id 的 span 标记内时。

我也想把“2”转换成"Pete"。而“3”要转换为"Bob".

所以如果我的 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>

将数字转换为名称

Convert a number into a name

javascript

html

numbers

converter

names