Question

例如，我的页面上有<span id="convertNumberToName">1</span> 请注意＆＃34; 1＆＃34;，我想隐身＆＃34; 1＆＃34;让我们说＆＃34; John＆＃34;每次＆＃34; 1＆＃34;在＆＃34;转换＆＃34;的span标记内作为id。

我也想要＆＃34; 2＆＃34;被转换为＆＃34; Pete＆＃34;。并且＆＃34; 3＆＃34;被转换为＆＃34; Bob＆＃34;。

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

更短的方法＆gt;

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

将数字转换为名称

2 个答案: