如何获得对contenteditable insertHTML的引用

Question

我有一些代码可以将html插入到contenteditable中，如下所示：

document.execCommand("insertHTML",false, my_html);

获取对创建的html元素的引用的最佳方法是什么？

Answer 1

运行该命令不会返回对插入内容的任何引用，因此您真正拥有的只是标准DOM方法。因此，最简单的方法是为要检索的元素提供ID。例如：

document.execCommand("insertHTML", false, '<span id="inserted">INSERTED</span>');
var insertedSpan = document.getElementById("inserted");

顺便说一下，Internet Explorer中不支持“InsertHTML”命令。您可以在此处找到跨浏览器的替代代码：

https://stackoverflow.com/a/6691294/96100