JavaScript: почему цикл вешает страницу?

Question

[Shimpanze]

Здравствуйте!

С помощью цикла, жду когда появится элемент на странице, чтобы сразу обработать его. Почему цикл? — Чтобы обработать элемент мгновенно, сразу же, после его появления.

(function() {
  while (true) {
    if (document.getElementById('el') != null) {
      var el = document.getElementById('el');
      // действие

      break;
    }
    else {
      continue;
    }
  }
})();

Как только загрузка страницы доходит до этого скрипта, страница вешается мгновенно.

Как разрешить выполнение скрипта, без блокировки отрисовки страницы? Чтобы он работал себе и работал.

Спасибо!

Comments

[Иван]

Никогда в js не используйте бесконечный цикл! Никогда!

[Алексей Ярков]

Я не мог не заскринить

Answer 1

[Петр]

1. Как без вашего ведома, что-то может на странице появиться?
2. Для такого отслеживания есть MutationObserver

Comments

[Shimpanze]

Вы не могли бы привести пример работы с MutationObserver для моего случая?

[Петр]

Shimpanze, Пример есть тут

Answer 2

[artem78]

Вместо этого ужаса лучше повесьте событие на загрузку страницы:
1) Чистый JS: document.addEventListener("DOMContentLoaded", so...
2) С jQuery: $(document).ready(somefunction);

Answer 3

[Anton Filippov]

потому что у вас бесконечный цикл while(true) {}