1

Получаю при помощи XMLHttpRequest список ID через разделитель "," у которых нужно изменить цвет бэкграунда, запускаю:

readyyes = this.responseText.split(",");
for (var i = 0; i < readyyes.length; i++)
{
alert(readyyes[i]);
document.getElementById(readyyes[i]).style.background = 'rgb(247, 80, 80)';
}

В этом случае цикл срабатывает 1 раз (alert выдает только 1 элемент массива), а если убираю document.getEl...., то работает нормально и alert запустится столько раз, сколько элементов в массиве.

Почему так?

3
  • в консоле браузера ошибки какие? скорее всего пробел или еще какой-нибудь текст попадает, к которому нельзя применить style
    – slippyk
    2 мар 2018 в 11:31
  • @slippyk, да, вы правы - Uncaught TypeError: Cannot read property 'style' of null. А как можно проверять, есть ли такой ID в коде? 2 мар 2018 в 11:35
  • @SuperPonchik if(document.getElementById(readyyes[i])!=null)
    – Gs D
    2 мар 2018 в 11:44

1 ответ 1

6

document.getElementById возвращает ссылку на объект типа Element или null, если элемент с указанным ID не найден в документе.

Как проверить существует ли объект

if (!document.getElementById("main")) {
    alert("No");
} else {
    alert("Yes");
}

if (document.getElementById("main") == null) {
    alert("No");
} else {
    alert("Yes");
}
<div id="main"></div>

1
  • Спасибо, теперь все работает. 2 мар 2018 в 11:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.