Denne artikkelen demonstrerer trinn-for-trinn-prosedyren for å konvertere store bokstaver til store og små bokstaver.
Hvordan konvertere store bokstaver til store og små bokstaver?
Ved hjelp av CSS-egenskaper og JavaScript kan store bokstaver konverteres til en tittel. Denne konverteringen hjelper til med å forbedre lesbarheten og utseendet til teksten. Det gir også konsekvent formatering og forbedrer brukeropplevelsen.
Følg trinn-for-trinn-veiledningen nedenfor for konvertering fra store bokstaver til store bokstaver:
Trinn 1: Lag et målrettet element
I dette første trinnet oppretter du et målrettet/valgt element i ' ”-taggen som blir konvertert til tittelen. For eksempel, ' s ' elementdata er målrettet:
< senter >
< s id = 'konverter' > DENNE TEKSTEN BLIR KONVERTERT FRA STORE BOKSTAVER TIL TITTEL-SAKER VIA CSS < / s >
< senter >
I kodeblokken ovenfor:
- Bruk først en ' '-taggen for å vise tekst i midten av nettsiden i '
' stikkord. Oppgi også dummy-data i store bokstaver. - Deretter legger du til en ' id '-attributt og gi det verdien ' omformer '. denne ' id ” skal brukes til å lagre referansen til
-taggen inne i JavaScript-koden.
Etter slutten av kompileringsfasen:
Øyeblikksbildet ovenfor av nettsiden viser at teksten har blitt vist.
Trinn 2: Konvertering av store bokstaver til store og små bokstaver
For å lage en omformer brukes JavaScript-egenskapene og -metodene. Følg koden nedenfor, beskrivelsen er angitt nedenfor:
var mål = document.getElementById ( 'konverter' ) .textContent.toLowerCase ( ) ;
mål = mål .erstatte ( / \b\w / g,
funksjon ( Nedre ) { returner nedre.til Store bokstaver ( ) ; } ) ;
document.getElementById ( 'konverter' ) .textContent = mål ;
< / manus >
I kodebiten ovenfor:
- Lag først en variabel kalt ' mål ' inne i '