See artikkel tutvustab samm-sammult protseduuri suurtähtede teisendamiseks pealkirja suurtähtedeks.
Kuidas teisendada suurtähtedega tekst pealkirjaks?
CSS-i atribuutide ja JavaScripti abil saab suurtähtedega teksti teisendada pealkirjaks. See teisendus aitab parandada teksti loetavust ja välimust. Samuti pakub see ühtlast vormindamist ja parandab kasutajakogemust.
Järgige allolevat samm-sammult juhendit suurtähtedest pealkirjaks teisendamiseks:
1. samm: looge sihitud element
Selle esimese sammuna looge sihitud/valitud element '
< Keskus >
< lk id = 'muundur' > SEE TEKST TEENDAB CSS-I KASUTAMISEL SUURTÄHEDEST PEALKIRI < / lk >
< Keskus >
Ülaltoodud koodiplokis:
- Esiteks kasutage ' märgend, et kuvada teksti veebilehe keskel elemendis
” silti. Samuti esitage näivandmed suurtähtedega vormingus. - Järgmisena lisage ' id ' atribuut ja andke sellele väärtus ' muundur ”. See ' id ” kasutatakse märgendi
viite salvestamiseks JavaScripti märgendi sees.
Pärast koostamisfaasi lõppu:
Ülaltoodud veebilehe hetktõmmis näitab, et teksti kuvamine õnnestus.
2. samm: suurtähtede teisendamine pealkirjaks
Konverteri loomiseks kasutatakse JavaScripti atribuute ja meetodeid. Järgige allolevat koodi, selle kirjeldus on toodud allpool:
oli sihtmärk = document.getElementById ( 'muundur' ) .textContent.toLowerCase ( ) ;
sihtmärk = sihtmärk .asendada ( / \b\w / g,
funktsiooni ( madalam ) { tagasi madalamale.Suurtähele ( ) ; } ) ;
document.getElementById ( 'muundur' ) .textContent = sihtmärk ;
< / stsenaarium >
Ülaltoodud koodilõigul:
- Esiteks looge muutuja nimega ' sihtmärk ' sees '