Javascript on pageボディに追加なしの読み込み

Question

JoomlaでJumiモジュールを使用してイメージを表示しようとしています。現在、スクリプトはbodyタグに追加を呼び出すが、これはテンプレートの下に画像を配置します。本文に追加することなくスクリプトを実行できるようにする必要がありますが、スクリプトはif else文を使用して何をすべきかを判断するので、関数を呼び出すことはできません。私はJSにはとても新しいですが、段落タグやdivに追加する方法はありますか？

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

はい、あります：

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

...

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

このウィルあなたのIDを提供する要素にimgを追加します。

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