JavaScript dispone di alcuni metodi nativi associati alle stringhe che servono per la loro formattazione. Storicamente sono fra i primi metodi ad essere stati implementati dai browser, quindi la compatibilità è massima. L'unica cosa da tenere presente è che questi metodi funzionano solo su dati di tipo String
. In questo articolo vedremo come utilizzare uno di questi metodi per evidenziare delle porzioni di una stringa.
Useremo il metodo fontcolor()
per il nostro scopo:
function highlight(str) {
var parts = str.split(' '),
len = parts.length,
i = 0,
output = [];
for (i; i < len; i++) {
var part = parts[i];
if (i == 0 || i == (len - 1)) {
output[i] = part.fontcolor('red');
} else {
output[i] = part;
}
}
return output.join(' ');
}
Ecco un esempio d'uso:
var test = document.getElementById('test');
test.innerHTML = highlight(test.innerHTML);
Riferimenti
Potete visionare l'esempio finale in questa pagina.