獲取父節點與瘦長庫

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; 
    } 
}