获取父节点与瘦长库

Question

我使用的rangy库，如下可以选择在内容文字可编辑选定的文本：

var sel = rangy.getSelection(); 
alert(sel); 

我无法弄清楚如何让所选择的文本父节点/元素。例如，如果我选择的文本是

<strong>My Text</strong> 
or 
<h1>My Title</h1> 

如何包含强节点或H1元素？

Answer 1

sel.anchorNode.parentNode会让您获得仅包含选区一端的节点的父节点。要获得整个选区的最内层元素，最简单的方法是从选区中获取一个Range并查看其commonAncestorContainer属性（可能是文本节点，在这种情况下，您需要获取其父项）：

var sel = rangy.getSelection(); 
if (sel.rangeCount > 0) { 
    var range = sel.getRangeAt(0); 
    var parentElement = range.commonAncestorContainer; 
    if (parentElement.nodeType == 3) { 
     parentElement = parentElement.parentNode; 
    } 
}