Question

我正在做一个可能会变得更大的小实验，但我遇到了麻烦。使用变量“placement”和getElementById，某些东西无法正常工作。我知道你可以在getElementById中使用变量，但由于某些原因我无法使用它。到目前为止，这是我的代码。谢谢你的帮助！

<script>

    var chord = [3, 2, 0, 0, 3, 3];

    for(i=0; i<chord.length; i++){
        switch(chord[i]){
            case 0: 
                var note = '0';
            break;
            case 1: 
                var note = '1';
            break;
            case 2: 
                var note = '2';
            break;
            case 3: 
                var note = '3';
            break;
            case 4: 
                var note = '4';
            break;
            case 5: 
                var note = '5';
            break;
        }
        var placement = 'note' + i + note;
        var placement = placement.toString();
        document.getElementById(placement).innerHTML = 'o';
    }

</script>

<table class="chord">
    <tr style="border-top:5px solid gray;">
        <td id="note00"></td><td id="note10"></td><td id="note20"></td><td id="note30"></td><td id="note40"></td><td id="note50"></td>
    </tr>
    <tr>
        <td id="note01"></td><td id="note11"></td><td id="note21"></td><td id="note31"></td><td id="note41"></td><td id="note51"></td>
    </tr>
    <tr>
        <td id="note02"></td><td id="note12"></td><td id="note22"></td><td id="note32"></td><td id="note42"></td><td id="note52"></td>
    </tr>
    <tr>
        <td id="note03"></td><td id="note13"></td><td id="note23"></td><td id="note33"></td><td id="note43"></td><td id="note53"></td>
    </tr>
    <tr>
        <td id="note04"></td><td id="note14"></td><td id="note24"></td><td id="note34"></td><td id="note44"></td><td id="note54"></td>
    </tr>
</table>

Answer 1

http://jsfiddle.net/L59s4924/

它有效。但是尝试删除“placement”变量声明中的第二个“var”。

var placement = 'note' + i + note;
    placement = placement.toString();

将变量与getElementById一起使用。试图为吉他创建和弦图

1 个答案: