javascript+wstawianie elementu img wraz z ID

Question

witam.

W jaki sposób mogę wstawić element IMG wraz z ID do dokumentu html?

Generalnie skrypt ma działać w ten sposób, że:

Sprawdzenie rozdzielczości, gdy jest mniejsza niż 600 px usuwa IMG a gdy większa dodaje IMG

Oto co udało mi się wytworzyć, jednak to nie działa:

<script>
window.onresize = resize;
window.onload = load;
function resize()
{
        if (window.innerWidth > 600)
        {
                var parent = document.getElementById("div001");
                var child = document.getElementById("img1");
                parent.removeChild(child);
        }
        else
        {
                if (document.getElementById("img_joszi") )
                {
                         return;
                }
alert("maly rozmiar");
var elem = document.createElement("img");
elem.src = "img/joszi.png";
document.getElementById("img_joszi").appendChild(elem);
//var x = document.getElementById("img_joszi");
//var x1 = document.createElement("IMG");
//x.setAttribute("src", "img/joszi.png");
//x.setAttribute("alt", "The Pulpit Rock");
//element.insertBefore(x, x1);;
        }
}
//function load()
//{
// alert("trwa programowanie skryptu \n load event!"+window.innerWidth);
//}
</script>

 

Skrypt dodaję w body poniżej elementu, który ma być utworzony

Answer 1

Od tego są media queries w CSS, a nie JS. Po prostu zrób se regułkę, która ukryje obrazek jeśli rozdzielczość będzie mniejsza niż 600px

Co do skryptu:

• chcesz go usuwać jeśli ekran będzie mniejszy niż 600px, a warunek mówi coś odwrotnego
• id elementów różni się między warunkami
• w else masz bezsensowny blok, który sprawdza  czy element #img_joszi istnieje; jeśli tak, zakańczasz funkcję
• a co jeśli odpalę to na urządzeniu mobilnym i obrócę ekran? Wówczas zdarzenie resize tego nie wychwyci

Comments

Czyli powinienem dobrać się do stylu i użyć display: none ?

Co ro obracania ekrany, jest jakieś zdarzenie, które to wychwyci?

---

Wg mnie tak, do stylu

Zdarzenie orientationchange

---

wielkie dzięki, pozdrawiam.