Denne artikel demonstrerer trin-for-trin-proceduren til at konvertere store bogstaver til store bogstaver i overskriften.
Hvordan konverteres store bogstaver til store og små bogstaver?
Ved hjælp af CSS-egenskaber og JavaScript kan den store tekst konverteres til en titel-case. Denne konvertering hjælper med at forbedre læsbarheden og udseendet af teksten. Det giver også ensartet formatering og forbedrer brugeroplevelsen.
Følg nedenstående trin-for-trin guide til konvertering fra store bogstaver til store bogstaver:
Trin 1: Opret et målrettet element
I dette første trin skal du oprette et målrettet/valgt element inde i ' ” tag, som bliver konverteret til titlens case. For eksempel ' s ' elementdata er målrettet:
< centrum >
< s id = 'konverter' > DENNE TEKST BLIVER KONVERTERET FRA STORE BOGSTAVER TIL TITLE-CAGER VED HJÆLP AF CSS < / s >
< centrum >
I ovenstående kodeblok:
- Først skal du bruge en ' ' tag for at vise tekst i midten af websiden inde i '
” tag. Angiv også dummy-data i stort format. - Tilføj derefter en ' id ' attribut og giv den værdien ' konverter ”. Det her ' id ” vil blive brugt til at gemme referencen til
-tagget inde i JavaScript-tagget.
Efter afslutningen af kompileringsfasen:
Ovenstående snapshot af websiden viser, at teksten er blevet vist med succes.
Trin 2: Konvertering af store bogstaver til store og små bogstaver
For at oprette en konverter bruges JavaScript-egenskaberne og -metoderne. Følg nedenstående kode, dens beskrivelse er angivet nedenfor:
var mål = document.getElementById ( 'konverter' ) .textContent.to LowerCase ( ) ;
mål = mål .erstatte ( / \b\w / g,
fungere ( nederste ) { returner lavere.til Store bogstaver ( ) ; } ) ;
document.getElementById ( 'konverter' ) .textContent = mål ;
< / manuskript >
I ovenstående kodestykke:
- Først skal du oprette en variabel med navnet ' mål ' inde i '