我是想插入到有contenteditable属性的div中

如果您想将新节点插入到具有`contenteditable`属性的`div`元素中，并将光标设置在新节点的后面，可以使用以下代码：

// 创建新节点
var newNode = document.createElement("div");
newNode.innerHTML = "这是新节点";

// 获取要插入的目标元素
var targetElement = document.getElementById("targetElement");

// 将新节点插入到目标元素中
targetElement.appendChild(newNode);

// 创建 Range 对象并设置其范围
var range = document.createRange();
range.setStartAfter(newNode);
range.setEndAfter(newNode);

// 获取当前 Selection 对象并设置其范围
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

在上面的代码中，我们首先创建了一个新的`div`节点，并设置了其`innerHTML`属性。然后，我们获取了具有`contenteditable`属性的目标元素，并将新节点插入到其中。接下来，我们创建了一个`Range`对象，并将其范围设置为新节点的末尾位置。最后，我们获取了当前文档的`Selection`对象，并将其范围设置为新创建的`Range`对象，这样就可以将光标设置在新节点的后面了。

需要注意的是，如果您想将新节点插入到具有`contenteditable`属性的元素中，您需要确保目标元素具有`contenteditable`属性，并且光标已经位于该元素中。否则，您需要在插入新节点之前将光标设置到该元素中，以确保新节点被插入到正确的位置。