使用此脚本在博客上发布图片

Question

我有一个 PHP 网页，其中有一张图片。 使用此脚本将此图片发布到博客上。

    <div id="x"></div>

<script>
let div = document.getElementById("x");
let aTag = document.createElement("a");
aTag.href = 'http://www.meteoarachova.com/ws';
aTag.title = 'Εικόνα Κάμερας Μετεωρολογικού Σταθμού Αράχωβας';
aTag.target = '_blank';
aTag.outline = 'none';
let img = document.createElement("img");
img.src = "http://www.meteoarachova.com/webcam/arachova1.jpg";
img.style.width = '100%';
img.style.height = '80%';
aTag.append(img)
div.append(aTag);
console.log(document.getElementsByTagName('a')[0])
</script>

但我也想在同一个博客的不同点发布第二张图片。 两个图像在页面上完全不同的位置，而不是彼此相邻。

我输入了相同的代码，但它不起作用。

我如何自定义它才能工作？

Answer 1

Id 对页面来说是唯一的，因此您只能有一个 ID 为“x”的 div。

这就是为什么它可能不起作用，或者您要附加到页面上的同一位置。