VS Code Live Server 扩展添加/复制现有的 HTML 元素

Question

我在 VS Code 中使用 Liver Server 扩展来查看我正在试验的一些 HTML/JS 的结果，但是，Live Server 似乎正在注入它自己的 HTML 元素之一的副本（在本例中为空 div ) 并将其连接到文档的底部。 我相当确定 Live-Server 是这里的问题，因为我已经在 Codepen 上查看了我的代码并且没有出现问题。

我希望提供一个指向 Codepen 的链接是可以的： https://codepen.io/UnmadeBed/pen/PoEoMKy

主.js：

// grab elements from HTML doc
const body = document.querySelector('body');

// container to hold the grid divs
const containerDiv = document.createElement('div');
containerDiv.style.backgroundColor = 'red';
containerDiv.style.height = '500px';
containerDiv.style.width = '500px';
body.appendChild(containerDiv);

const div = document.createElement('div');
containerDiv.appendChild(div);

Answer 1

解决了。 事实证明我不小心设计了 Live Server 使用的隐藏 div，而不是 Live Server 复制任何东西。