Javascript SVG元素出现在DOM中，但不可见

我正在尝试使用javascript在我的页面上放置一个圆形svg

这是在我的html中：

<svg
      id="container"
      width="120"
      height="220"
      viewPort="0 0 120 120"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg">
</svg>

---

我看到圆显示在DOM中，我使用Chrome开发工具元素检查器检查了它。但圆圈是看不见的。知道我做错了什么吗？

我意识到我需要指定circle元素使用的“名称空间”。因此，带有

createElement

的行变为：

const spot = document.createElementNS('http://www.w3.org/2000/svg', 'circle')

成功了

const spot = document.createElementNS('http://www.w3.org/2000/svg', 'circle')