Как переписать Jquery код на JavaScript?

Question

[Alexander]

$('body').before('<div class="load"><img id="ls" src="http://plasmon.rghost.ru/6lWFXm4KD/image.png" alt="" style="position: absolute; top: 50%; left: 50%"></div>');
    $(document).ready(function () {
        setTimeout(function () {
            $('div.load').hide();
            $('body').css('display', 'block');
        }, 3000);
    });

Answer 1

[Денис Инешин]

Воспользоваться подсказками отсюда: youmightnotneedjquery.com

Comments

[Alexander]

Спасибо за ответ ,
var ls = document.querySelectorAll('body');
ls.insertAdjacentHTML('beforebegin', 'h1');
Ошибка в браузере ls.insertAdjacentHTML is not a function. В чем проблема ? может в браузре ?

[Виталий Инчин ☢]

Alexander: var ls = document.querySelector('body');

Возвращает элемент

var ls = document.querySelectorAll('body');

Возвращает псевдомассив элементов.

Answer 2

[Виталий Инчин ☢]

Если сами не справились ✅

var divElem = document.createElement("div");
divElem.className = "load";
divElem.innerHTML = '<img id="ls" src="http://plasmon.rghost.ru/6lWFXm4KD/image.png" alt="" style="position: absolute; top: 50%; left: 50%">';
divElem = document.documentElement.insertBefore(divElem, document.body);
 
window.addEventListener("load", function(){
  setTimeout(function () {
        divElem.style.display = "none";
        document.body.style.display = "block";
   }, 3000);
});

Answer 3

[Магжан Биргебайулы]

Давно это было... могу ошибаться...

var d = document.createElement('div'), di = new Image();
d.className = 'load';
di.src = 'http://plasmon.rghost.ru/6lWFXm4KD/image.png';
di.style = 'position: absolute; top: 50%; left: 50%';
d.appendChild(di);
document.getElementsByTagName('body')[0].insertBefore(d, document.body.firstChild);
document.onload = function(){
	setTimeout(function(){
		d.style.display = 'none';
		document.body.style.display = 'block';
	}, 3000);
}