У меня есть HTML-страница, на которой я хочу спрятать все в теле, но по-прежнему отображать только одно изображение на странице. Затем я хочу скрыть изображение, которое показывалось, а затем снова включить тело.
Я хочу сделать это с помощью JavaScript, который я вставляю на страницу. То есть, когда страница запускается, я могу запустить JavaScript, который я добавляю для этого. Мой JavaScript может вставить изображение. Затем мне понадобится добавить немного JavaScript, который отключит изображение и снова покажет тег body.
Я могу легко превратить тег body в скрытый, но тогда он также скрывает мой тег img, который я добавил к телу и который противоречит моей цели.
Моя страница выглядит примерно так:
<html>
<body style="display:inline">
<p>...</p>
<body>
</html>
Мой код с проблемой скрытого изображения:
document.getElementsByTagName("body")[0].style.display = "hidden";
console.log("about to create image");
n = document.createElement("img"); // create an image element
n.src =
"https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/thumbnails/image/p5020056.jpg"; // relative path to the image
document.body.appendChild(n); // append the image to the body