我正在尝试使用 Joomla 中的 Jumi 模块显示图像。目前,脚本正在调用附加到 body 标签,但这会将图像放在我的模板底部。我需要能够在不附加到正文的情况下运行我的脚本,但不能只调用该函数,因为我的脚本使用 if else 语句来确定要做什么。我对 JS 很陌生,但是有没有办法附加到段落标记或 div?
<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>
最佳答案
是的,有:
<div id='my-element'></div>
...
document.getElementById("my-element").appendChild(img);
这会将您的 img
附加到您提供其 id 的元素。
https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild
关于页面加载时的 Javascript 无需附加到正文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38428946/