Javascript添加了另一个div，而不是覆盖

当使用JavaScript来操作HTML页面时，可以通过以下代码来添加一个新的div元素，而不是覆盖已有的元素：

// 创建一个新的div元素
var newDiv = document.createElement("div");

// 添加内容到新的div元素中
var textNode = document.createTextNode("这是新的div元素");
newDiv.appendChild(textNode);

// 将新的div元素添加到文档中
document.body.appendChild(newDiv);

上述代码中，首先使用document.createElement()方法创建了一个新的div元素。然后，使用document.createTextNode()方法创建了一个包含文本内容的节点，并将该节点添加到新的div元素中。最后，使用appendChild()方法将新的div元素添加到body元素中。

这种方式可以保留已有的div元素，并在其后添加一个新的div元素，而不会覆盖或替换已有的元素。这对于在页面中动态添加内容或插入新的元素非常有用，例如实现动态加载数据或创建动态弹出窗口等功能。

关于JavaScript和前端开发的更多信息，可以参考腾讯云的前端开发产品：腾讯云前端开发。这个产品提供了在线的IDE、代码托管、协同开发等功能，可帮助开发者高效地进行前端开发工作。