Ta članek prikazuje postopek po korakih za pretvorbo besedila z velikimi črkami v velike črke naslova.
Kako pretvoriti besedilo z velikimi črkami v velike črke?
S pomočjo lastnosti CSS in JavaScripta je mogoče besedilo z velikimi črkami pretvoriti v veliko začetnico naslova. Ta pretvorba pomaga izboljšati berljivost in videz besedila. Poleg tega zagotavlja dosledno oblikovanje in izboljša uporabniško izkušnjo.
Sledite spodnjemu vodniku po korakih za pretvorbo iz velikih začetnic v naslovne začetnice:
1. korak: Ustvarite ciljni element
V tem prvem koraku ustvarite ciljni/izbrani element znotraj »
< center >
< str id = 'pretvornik' > TO BESEDILO SE PRETVORI IZ VELIKIH ČRK V NASLOV S UPORABO CSS < / str >
< center >
V zgornjem kodnem bloku:
- Najprej uporabite ' ” za prikaz besedila na sredini spletne strani znotraj polja “
' oznaka. Navedite tudi lažne podatke v obliki velikih črk. - Nato dodajte » id ' in mu navedite vrednost ' pretvornik ”. Ta ' id ” bo uporabljen za shranjevanje sklica oznake
znotraj oznake JavaScript.
Po koncu faze kompilacije:
Zgornji posnetek spletne strani prikazuje, da je bilo besedilo uspešno prikazano.
2. korak: Pretvorba velikih črk v naslovne
Za ustvarjanje pretvornika se uporabijo lastnosti in metode JavaScript. Sledite spodnji kodi, njen opis je naveden spodaj:
je bil tarča = document.getElementById ( 'pretvornik' ) .textContent.toLowerCase ( ) ;
tarča = tarča .zamenjati ( / \b\w / g,
funkcijo ( nižje ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'pretvornik' ) .textContent = tarča ;
< / scenarij >
V zgornjem delčku kode:
- Najprej ustvarite spremenljivko z imenom ' tarča ' znotraj '
' oznaka. - Nato uporabite » textContent ” lastnost za izbiro samo besedila, ki pušča presledek in druge oznake. ' toLowerCase() « ima ID »pretvornik«, ki shrani vrednost v spremenljivko »target«.
- Potem, ' zamenjati() ” metoda se uporablja za spreminjanje vrednosti spremenljivke “target”. Izbere prvi znak vsake besede z uporabo ' \b\w « in nato uporabi » toUpperCase() ”. Spremeni obliko besedila v velike črke.
- Na koncu se na zaslonu prikaže nova vrednost spremenljivke »target« z id-jem » pretvornik ”.
Po izvedbi delčka kode:
Izhod pokaže, da je bilo besedilo z velikimi črkami pretvorjeno v obliko naslova.
Zaključek
Za pretvorbo velikih črk v začetnice naslova uporabite » toLowerCase() ” na izbranem elementu. Po tem uporabite » zamenjati() , da izberete prvi znak vsake besede z uporabo \b\w ” izraz. Na koncu se izbrani znak pretvori v velike črke z uporabo “ toUpperCase() ”. Ta članek je prikazal postopek za pretvorbo besedila z velikimi črkami izbranih elementov v naslovno črko.