Выбор частей текста div с помощью кода

Question

Можно ли выбрать конкретный текст внутри div с помощью кода. У меня есть div текста, и мне нужно перебирать каждое слово, выбрав его индивидуально, а затем отбирать и на следующее слово.

Я не говорю о симуляции выбора, меняя фон css слов, требующих выделения, но на самом деле выбираю его так, чтобы результат был таким же, как если бы пользователь использовал мышь, чтобы выбрать его.

Я знаю, что это возможно внутри ввода текстовой области, но возможно ли это на Div?

------------------------ ОБНОВЛЕНИЕ ---------------------- ---------------------

Хорошо, вот где я нахожусь с ним, посмотрев на него сегодня. Я могу выбрать весь текст в промежутке, но не конкретно диапазон слов в пределах этого диапазона. Самый близкий я пришел (код, показанный ниже ...) выбирает диапазон вручную, затем удаляет выделение, а затем повторно применяет его.

<div contentEditable = 'true' id="theDiv"> 
A selection of words but only from here to here to be selected 
</div> 
<script type="text/javascript"> 
setInterval(function() { 
    var currSelection = window.getSelection(); 
    var storedSelections = []; 

    if (currSelection) { 
     for (var i = 0; i < currSelection.rangeCount; i++) { 
      storedSelections.push (currSelection.getRangeAt (i)); 
     } 
     currSelection.removeAllRanges(); 
    } 

    if (storedSelections.length != 0) { 
     currSelection.addRange(storedSelections[0]) 
    } 
}, 1000); 
</script> 

Сохраненный объект диапазона выбора имеет свойство startOffset и endOffset. Мой вопрос заключается в том, как установить это наряду с первоначальным выбором через код (а не с помощью мыши)?

Answer 1

Пожалуйста, прочитайте эту статью, это трудно обобщить, так что лучше читать:

http://www.quirksmode.org/dom/range_intro.html

Этот ответ здесь может быть полезно также:

Can you set and/or change the user’s text selection in JavaScript?

Answer 2

Оказывается, это довольно просто ...

<div id = "theDiv">adsf asdf asdf asdf</div> 

<script type="text/javascript"> 
    var theDiv = document.getElementById('theDiv') 
    theDivFirstChild = theDiv.firstChild; 
    var range = document.createRange(); 
    range.setStart(theDivFirstChild, 2); 
    range.setEnd(theDivFirstChild, 8); 
    window.getSelection().addRange(range); 
</script>