使用javascript附加图像时不呈现图像

我试图将JavaScript中的

元素附加到

中。发生的情况是图像要显示的区域略微扩展，但图像没有显示。控制台没有给我错误，我真的很困惑。这是我所有的代码（因为我不知道是什么导致了问题）。我还在本地使用规范化css文件和jquery

Javascript

HTML

在回答或投票之前，请考虑到我对JavaScript的某些方面仍然不太了解，请考虑到我不知道你所做的一切，即使是基本的事情，所以不要否决我，因为这是一个简单的问题

此外，我在互联网和stackoverflow上四处搜索，没有发现任何与帮助我目前处境相关的awnser

谢谢你抽出时间

body{
    background-color: rgb(50, 50, 50)
}

td{
    width: 0;
    height: 0;
    background-color: rgb(200, 200, 200);
    border-style: solid;
    border-width: 3px;
    border-color: black;
}
#screen{
    position: absolute;
    left:0cm;
    top:0cm;
}

应该是：

   var circle = document.createElement("img");
        circle.innerHTML = "src='Circle.png'"

---

圆是一个图像，因此它没有任何名为innerHTML的属性。但是它使用了“src”属性。

非常感谢！它现在画圆了。。。但我现在有一个问题，图像完全扭曲了整个表格，更具体地说，放大了它所放置的表格分段。。。有没有一种方法可以让我画出一个圆圈，而它不与任何其他元素交互？表本质上是有弹性的，它们会拉伸以适合您在其中放置的任何内容。你可以为图片提供一组尺寸。我的意思是，我想要它，这样圆圈就不会在Allen与桌子的其他部分交互。即使我设置圆圈。高度/宽度，整个桌子仍然扭曲。你发布了一些我可以看的东西吗？

body{
    background-color: rgb(50, 50, 50)
}

td{
    width: 0;
    height: 0;
    background-color: rgb(200, 200, 200);
    border-style: solid;
    border-width: 3px;
    border-color: black;
}
#screen{
    position: absolute;
    left:0cm;
    top:0cm;
}

   var circle = document.createElement("img");
        circle.innerHTML = "src='Circle.png'"

   var circle = document.createElement("img");
        circle.src = 'Circle.png';