Javascript показать DIV ошибочными петлевой

Javascript:Javascript показать DIV ошибочными петлевой

function loop() 
{ 
for (i=0; i < 3; i++) 
{ 
    alert(i); 
    var errorDiv; 
    errorDiv = document.getElementById("error" + i) ; 
    errorDiv.style.display = 'block'; 
} 
}

HTML:

<div id="error" style="display: none;"> ABC </div> 
<div id="error1" style="display: none;"> ABC </div>

Привет, ребята!

Почему у меня есть ошибка в этой функции? Я попытался показать DIV в цикле, но я получаю сообщение об ошибке, если я запустить эту функцию ..

Спасибо за помощь

источник

2016-03-14 Vento

У вас нет DIV с идентификатором 'error0' или' error2', но ваш цикл будет при условии, что они существуют. – Archer

Омг я идиот .. Спасибо за помощь .. – Vento

Lol - без проблем :) – Archer

Я сделал две корректировки в функции:

1 - В JavaScript цикл, вы» re пытается получить div с id error0, но он не существует, вам нужно добавить его в HTML.

2 - Цикл переходит к номеру 3, но у вас есть только 2 разделителя ошибок. Therefor я изменил условие цикла для выполнения в то время как i<2:

// Adding the number 0 in the id of the div 
<div id = "error0" style = "display: none;"> ABC </div> 
<div id = "error1" style = "display: none;"> ABC </div> 


function loop(){ 
// Changing the loop condition 
    for (i = 0; i <2; i ++) 
    { 
     alert (i); 

    var errorDiv = document.getElementById ("error" + i); 
     errorDiv.style.display = 'block'; 
    } 
}

источник

2016-03-14 17:05:20

1-вам нужно позвонить function loop
2-вам нужно изменить id из divошибки по Error1

Попробуйте этот код это работает для меня

JS:

function loop() 
{ 
for (i=0; i < 2; i++) 
{ 
    var errorDiv; 
    errorDiv = document.getElementById("error" + i) ; 
    errorDiv.style.display = 'block'; 
} 
}

HTML:

<body onload="loop();"> 

<div id="error0" style="display: none;"> ABC </div> 
<div id="error1" style="display: none;"> ABC </div> 

</body>

источник

2016-03-14 17:08:17

Javascript показать DIV ошибочными петлевой

ответ

Смежные вопросы