Получить узлы выбранного html с помощью Javascript

Question

Я хочу получить доступ ко всем узлам, находящимся в выбранной области HTML.

var sel = window.getSelection(); 
var range = sel.getRangeAt(0); 

Как действовать после этого?

Answer 1

Вы можете сделать:

var sel = window.getSelection(); 
sel.toString() 

Чтобы получить содержание выбора

Проверить этот другой пост, который использует событие onMousUp увидеть на какой элемент заканчивается выбор: How can I get the DOM element which contains the current selection?

function getSelectionBoundaryElement(isStart) { 
    var range, sel, container; 
    if (document.selection) { 
     range = document.selection.createRange(); 
     range.collapse(isStart); 
     return range.parentElement(); 
    } else { 
     sel = window.getSelection(); 
     if (sel.getRangeAt) { 
      if (sel.rangeCount > 0) { 
       range = sel.getRangeAt(0); 
      } 
     } else { 
      // Old WebKit 
      range = document.createRange(); 
      range.setStart(sel.anchorNode, sel.anchorOffset); 
      range.setEnd(sel.focusNode, sel.focusOffset); 

      // Handle the case when the selection was selected backwards (from the end to the start in the document) 
      if (range.collapsed !== sel.isCollapsed) { 
       range.setStart(sel.focusNode, sel.focusOffset); 
       range.setEnd(sel.anchorNode, sel.anchorOffset); 
      } 
     } 

     if (range) { 
      container = range[isStart ? "startContainer" : "endContainer"]; 

      // Check if the container is a text node and return its parent if so 
      return container.nodeType === 3 ? container.parentNode : container; 
     } 
    } 
} 

См. Пример: http://jsfiddle.net/pmrotule/dmjsnghw/