将div放在DOM中的第一位，但在呈现的页面上放在最后

，可以通过以下步骤实现：

1. 首先，需要获取到要操作的父元素，可以使用document.getElementById()或document.querySelector()等方法获取到父元素的引用。
2. 创建一个新的div元素，可以使用document.createElement()方法创建一个div元素。
3. 将新创建的div元素插入到父元素的第一个子元素之前，可以使用父元素的insertBefore()方法实现。具体代码如下：

var parentElement = document.getElementById("parentElementId"); // 获取父元素的引用
var divElement = document.createElement("div"); // 创建新的div元素
parentElement.insertBefore(divElement, parentElement.firstChild); // 将新的div元素插入到父元素的第一个子元素之前

这样，div元素就会被放置在DOM中的第一位，但在呈现的页面上会被放置在最后。

关于这个操作的应用场景，可以用于在动态生成的内容中，将某个元素置于最前面，但在页面上显示在最后，例如在一个聊天消息列表中，将最新的消息显示在最下方，但在DOM中的顺序是最前面。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm