javascript - 将数字转换为名称

Question

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

我还希望将“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>