Javascript auf Seite laden ohne an Körper

Question

Ich versuche, ein Bild mit einem Jumi-Modul in Joomla zu zeigen. Momentan ruft das Skript an, um das body-Tag anzuhängen, aber das platziert das Bild unten in meiner Vorlage. Ich muss in der Lage sein, mein Skript auszuführen, ohne an den Körper anzuhängen, kann aber nicht einfach die Funktion aufrufen, da mein Skript eine if else-Anweisung verwendet, um zu bestimmen, was zu tun ist. Ich bin sehr neu in JS, aber gibt es eine Möglichkeit, an ein Absatz-Tag oder ein div anzuhängen?

Link Here to Website

<script> 
 
function show_image(src, width, height, alt) { 
 
\t \t var img = document.createElement("img"); 
 
    img.src = src; 
 
    img.width = width; 
 
    img.height = height; 
 
    img.alt = alt; 
 
    
 
    document.body.appendChild(img); 
 
} 
 
    var month = new Date().getMonth(); 
 
\t \t var time = new Date().getHours(); 
 
\t \t var day = new Date().getDay(); 
 

 
if (month > "3" && month < "10" && day == "6" && time > "19" && time <= "22") { 
 
show_image("http://bizeebee.com/wp-content/uploads/2013/07/open-sign.jpg",500,450, "Powell is OPEN"); 
 
} 
 
else { show_image("http://get.whotrades.com/u3/photoBB09/20171363290-0/blogpost.jpeg",500,450, "Powell is CLOSED");} 
 
</script>

Answer 1

Ja, es gibt:

<div id='my-element'></div> 

...

document.getElementById("my-element").appendChild(img); 

Diese wil lch füge deinen img an das Element an, dessen ID du bereitstellst.

https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild