Изменение силы Javascript появляется до полной загрузки страницы

Question

Я пишу сайт по образцу Javascript. На веб-странице я написал сообщение, запрещающее пользователю активировать JS. В моем коде JS я удаляю этот узел на первом этапе. Проблема в том, что эффект появляется, пока страница полностью не загружается...

var modelerBody = null;

var loadingNode = document.createElement("div");

loadingNode.appendChild(document.createTextNode(messageGeneric['loading']));
loadingNode.setAttribute("id", "loading");

window.onload = function() {

    document.getElementById("jsDisabled").remove()

    var body = document.getElementsByTagName("body")[0];
    body.insertBefore(loadingNode, body.childNodes[0]);
    inflateForms();
    modelerBody = new Modeler.Screen(body.childNodes[1]);
    modelerBody.modelize();
    // Remove Loading message
    body.childNodes[0].remove();

}

Как я могу решить эту проблему? Извините за мой английский, я учу его...

Answer 1

Вы можете запустить Javascript до того, как элемент загрузится, поместив тег script над div, который вы хотите удалить, но он не сможет найти div, потому что он еще не загружен. Нет возможности редактировать элементы до их загрузки.

<noscript> тег может быть использован для этой цели. Обтекание элемента, чтобы показать, если у пользователя не включен Javascript.

<noscript>
  <div>Javascript isn't enabled</div>
</noscript>
<script>
  let jsenabled = document.createElement("div");
  jsenabled.innerText = "Javascript is enabled";
  document.body.appendChild(jsenabled);
</script>