我有一个contenteditable属性的div，现在要在光标位置插入一个节点，并且将光标设置在节点后面，用js怎么实现这个demo

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

// 获取具有 contenteditable 属性的目标元素
var targetElement = document.getElementById("targetElement");

// 获取当前选区
var selection = window.getSelection();

// 获取当前选区范围
var range = selection.getRangeAt(0);

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

// 将新节点插入到选区的末尾
range.insertNode(newNode);

// 将光标设置在新节点的末尾
range.setStartAfter(newNode);
range.setEndAfter(newNode);

// 清除当前选区并设置新的选区
selection.removeAllRanges();
selection.addRange(range);

// 让目标元素获取焦点
targetElement.focus();

在上面的代码中，我们首先获取具有`contenteditable`属性的目标元素。然后，我们获取当前选区和选区范围，并创建一个新的`div`节点。接下来，我们将新节点插入到选区的末尾，并将光标设置在新节点的末尾。最后，我们清除当前选区并设置新的选区，让目标元素获取焦点。这样就实现了在光标位置插入新节点，并将光标设置在新节点后面的功能。

需要注意的是，如果在执行上述代码之前，光标并没有在具有`contenteditable`属性的元素中，您需要先将光标设置到该元素中，以确保新节点被插入到正确的位置。