Как выделить 1 и 3 слово в теге?

Question

[Роман]

В теге H1 фраза из 3-х слов, мне нужно чтобы при наведении курсора 1 и 3 слово выделялись. Как их выделить скриптом?

Answer 1

[Stalker_RED]

jsfiddle.net/sucjLpd8

Comments

[JSforAll]

тоже изучаю javascript, посмотрел код но что-то никак не могу понять почему работает onmouseover="hilight(this)" , вернее не понятен на что this указывает в вашем случае? ведь по сути же this выходит не вложенным в какой-то объект и он должен указывать на Global Object (Window) но код работает...

[Stalker_RED]

JSforAll: В данном случае, это указатель на h1.
еще примеры: jsfiddle.net/35Ltoowz

[JSforAll]

спасибо, правильно ли я понял, выходит что если мы вызываем this из атрибута (onclick) тега (input) то он указывает на сам элемент (input), так как в DOM этот html элемент будет объектом а его атрибут (onclick) методом этого объекта?

[Stalker_RED]

JSforAll: да, это элемент DOM/ можете посмотреть сколько на нем всего навешано, станет понятнее почему браузеры тормозят. jsfiddle.net/35Ltoowz/1

[JSforAll]

Stalker_RED: теперь понял, спасибо большое за примеры)

Answer 2

[Александр Сухерев]

поставьте их в span с классом, чтобы найти, и добавляйте css класс с нужным выделением при нанаведении курсора.