如何获取对 contenteditable insertHTML 的引用

【问题标题】：How to get reference to contenteditable insertHTML如何获取对 contenteditable insertHTML 的引用
【发布时间】：2013-11-14 14:25:43
【问题描述】：

我有一些将 html 插入 contenteditable 的代码，如下所示：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：