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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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