Come evidenziare il testo usando JavaScript

Durante lo sviluppo di siti Web dinamici, gli sviluppatori devono spesso evidenziare il testo su una pagina Web per enfatizzare qualsiasi testo o informazione. Evidenziamento del testo è una funzionalità molto utile che aiuta gli utenti a concentrarsi sul testo o sulle informazioni particolari.

Questo articolo descriverà la procedura per evidenziare il testo in JavaScript.

Come evidenziare il testo usando JavaScript?

Per evidenziare il testo in JavaScript, utilizzare il “segno"Elemento/tag nel tag o nel file JavaScript. È usato con metodi JavaScript predefiniti, come il "Innerhtml"Attributo e il"getElementById ()" metodo. Vediamo alcuni esempi da capire.

Esempio 1: evidenziare il testo del codice duro

In questo esempio, aggiungeremo dinamicamente il testo sulla pagina web ed lo evidenzieremo. A tale scopo, in primo luogo, crea un

elemento in un file HTML assegnando un ID "testo":

Ora, nel tag, prima, ottieni il

Elemento usando il suo ID assegnato con l'aiuto di "getElementById ()" metodo. Quindi, usa il "Innerhtml"Attributo per aggiungere il testo nella pagina Web. Per evidenziare il testo specificato, aggiungilo tra ""Tag:

documento.getElementById ("Testo").InnerHtml = "Impara JavaScript da LinuxHint";

Produzione

Esempio 2: evidenziare il testo in fase di esecuzione (specificato dall'utente)

Qui evidenzieremo il testo nel paragrafo dato che verrà inserito dall'utente. Ai fini corrispondenti, aggiungere un testo in un file HTML in a

Tag con un ID "Messaggio":

LinuxHint è una risorsa eccellente per conoscere Linux e il relativo software open source. Offre anche molti tutorial e guide su diversi linguaggi di programmazione, come Java, Python, HTML, CSS, JavaScript e così via. Linuxhint fornisce informazioni semplici, chiare e autentiche.

Crea un campo di input per la ricerca di testo da evidenziare nel paragrafo:

Ora, in tag o nel file JavaScript, accedi al paragrafo e al campo di testo utilizzando i loro ID assegnati con l'aiuto del metodo "getElementById ()":

const textmsg = documento.getElementById ('messaggio');
const evidenziazione = documento.getElementByID ('BIURBETTEXT');

Usa il "addEventListener ()"Metodo che cercherà il valore immesso nel paragrafo ed evidenzialo. A tale scopo, usa un'espressione regolare per trovare tutto il testo che corrisponda alla parola o alla frase cercata. Per l'evidenziazione del testo abbinato, utilizza il tag:

testo evidenziato.addEventListener ('input', (event) =>
const textSearch = evento.bersaglio.valore;
const regexpattern = new regexp (textsearch, 'gi');
let text = textmsg.Innerhtml;
text = text.sostituire (/(|)/gim, ");
const newText = text.sostituire (regexpattern, '$ &');
textmsg.InnerHtml = newText;
);

Come puoi vedere che abbiamo evidenziato con successo il testo nel paragrafo che viene ricercato nella casella di input:

Si trattava di evidenziare il testo in JavaScript.

Conclusione

Per evidenziare il testo in JavaScript, usa il "segno"Elemento/tag nel tag o nel file JavaScript. In questo articolo, abbiamo fornito esempi adeguatamente dettagliati per evidenziare il testo in JavaScript. Abbiamo dato un esempio di evidenza di testo con codice duro, nonché evidenziazione o selezione del testo per il valore inserito dall'utente.