Так что вот реализация на чистом JavaScript «first-word» и «last-word».
Реализация псевдокласса (псевдоэлемента) «first-word».
JavaScript pseudo-class (pseudo-element) «::first-word» emulation:
- Код: Выделить всё
function first_word(id){
var e = document.getElementById(id);
var s = e.innerHTML;
var w = s.split(' '); // разбиваем строку на слова по пробелам (split the string into words by spaces)
var fw = '<span class="first-word">'+w.shift()+'</span>';
w.unshift(fw);
var ns = w.join(' ');
e.innerHTML = ns;
};
Реализация псевдокласса (псевдоэлемента) «last-word».
JavaScript pseudo-class (pseudo-element) «::last-word» emulation:
- Код: Выделить всё
function last_word(id){
var e = document.getElementById(id);
var s = e.innerHTML;
var w = s.split(' '); // разбиваем строку на слова по пробелам (split the string into words by spaces)
var lw = '<span class="last-word">'+w.pop()+'</span>';
w.push(lw);
var ns = w.join(' ');
e.innerHTML = ns;
};
Кстати, в случае «last-word», как видите, эта простая функция захватит и знак препинания в конце предложения. Но это уже дело творческое, как с этим быть.
Взято из темы Псевдокласс :first-word — точно не существует решения?
Думаю, многим пригодится.