HTML+CSS+JavaScript

Добрый день, подскажите как реализовать такую задачу
к примеру есть html

<div id="root">   Слово    <a title="Вотслово" href="№" class="doc">       Чеготоещеисловослово    </a>   <div>     слово  в  слово     <div>       слово     </div>     <span>        слово     </span>     слово   </div> </div>

как мне поочередно подсветить(выделить) каждое "слово", кроме того что внутри title?
Рекурсивно бежать по DOM, создавать range вычислять стартовую и конечную позиции и выделять?