页面加载 Javascript 而不附加到正文答案

【问题标题】：Javascript on page load without appending to body页面加载 Javascript 而不附加到正文
【发布时间】：2016-07-18 05:07:50
【问题描述】：

我正在尝试使用 Joomla 中的 Jumi 模块显示图像。目前，脚本正在调用以附加到 body 标记，但这会将图像放在模板的底部。我需要能够在不附加到正文的情况下运行我的脚本，但不能只调用该函数，因为我的脚本使用 if else 语句来确定要做什么。我对 JS 很陌生，但是有没有办法附加到段落标签或 div 中？

Link Here to Website

<script>
function show_image(src, width, height, alt) {
		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();
		var time = new Date().getHours();
		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>

【问题讨论】：

请说明您的要求。
您是否一直向下滚动页面？（图片在那里）
是的，我已经向下滚动，因此出现了问题。我想在我放置代码的位置加载图像，它就在页面中间的 twitter 提要之前。为此，我需要删除 document.body.appendChild(img) 代码，但我不知道用什么替换它，以便我可以将代码的结果放在页面上我想要的位置。
使用DOM-api 选择目标元素，例如。 document.getElementById 然后在里面追加元素..
Rayon，我试图做这样的事情，但没有运气。能举个例子吗？

标签： javascript css joomla jumi

【解决方案1】：

是的，有：

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

...

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

这会将您的 img 附加到您提供其 id 的元素。

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

【讨论】：