javascript - 如何在 Range 的末尾插入节点？

Question

我想在选择范围的末尾插入一个节点，但根据此处的 API 文档 https://developer.mozilla.org/en-US/docs/Web/API/Range Range.insertNode() 在范围的开头插入节点并且没有其他方法可以在末尾插入，有没有办法在范围对象的末尾添加节点？

Answer 1

我没有看到 GiorgiosJames 的答案有效，因为它将节点放置在开始容器的末尾而不是所选范围的末尾。
我如何使用以下内容:

const insertAtEnd = (myRange, nodeToInsert) => {
   const myRange2=myRange.cloneRange();
   myRange2.collapse(false); // collapse the range to the end of selection
   myRange2.insertNode(nodeToInsert);
};

见 https://jsfiddle.net/Abeeee/9zjcgbku/对于 Giorgios 和我的答案的工作版本。