Cannot read property 'style' of null

[lollipop 1]

O problema é simples, mas como sou novado não entendi o por quê. Procurei um pouco, mas a maioria das soluções são para casos mais complexos.

function choise(num) {
    var i;
    for(i = 1; i <= 3; i++){
    document.getElementById("show" + i).style.display = "none";
};
    document.getElementById("show" + num).style.display = "block";
    return false;
};

O uso do código é simples, tem três opções, quando clica numa delas, esconde qualquer div aberta, e mostra a clicada.
O erro acontece no loop pra fechar todas as divs.
Na lina:

document.getElementById("show" + i).style.display = "none";

Eu dei um alerto, e só quando i é 1 ele alerta, no segundo loop, ja da cáca.

[Lucas Guima 164]

Ele não encontrou o elemento, logo, não existe uma propriedade style para manipular.

[brcontainer 16]

+1 Lucas

 

----

Lollipop, faça um "DEBUG" (com console.log):

function choise(num) {
    var i = 1, tmp;
    for(; i<=3; i++) {
        tmp = document.getElementById("show" + i);
        if(tmp) {
            document.getElementById("show" + i).style.display = "none";
            console.log("div#show" + i + " encontrado");
        } else {
            console.log("div#show" + i + " não existe");
        }
    }

    tmp = document.getElementById("show" + num);
    if(tmp) {
        tmp.style.display = "block";
        console.log("Opção div#show" + num + " encontrado");
    } else {
        console.log("Opção div#show" + num + " não existe");
    }
    return false;
}

Usando console no IE: http://msdn.microsoft.com/pt-br/library/ie/gg589530%28v=vs.85%29.aspx

Usando console no Chrome: https://developers.google.com/chrome-developer-tools/docs/console?hl=pt-br

[lollipop 1]

Poxa esqueci de responder hehe.

 

Foi o seguinte, eu fui testar o código antes de ter o trabalhão de editar cada div. Resultado, não existia os determinados ID'S. Criei e deu certinho. Obrigado ae