javascript - 如何选择 span 标签内的所有内容，包括 span 标签本身？

Question

我有一个 contenteditable div，其中有一个 span 标签，其中包含一些文本。如何选择 span 标签及其所有内容，以便在用户按下退格键或删除时删除 span 及其内容？

更新:当我说选择时，我指的是突出显示。很抱歉给您带来不便。

更新 2: 我正在按照“element.outerHTML.select()”的思路进行思考。看看是否有帮助。

Answer 1

在 Firefox 中你有 Selection API这允许你这样做。将它与 DOM2 Range API 结合起来和 you have what you want :

var r = document.createRange();
r.selectNode(domElement);
var s = window.getSelection();
s.removeAllRanges();
s.addRange(r);

Selection API 在未来的标准中找到了自己的位置，HTML Editing APIs ，但要在大多数浏览器中可用还需要一段时间。