Ovaj članak demonstrira postupak korak po korak za pretvaranje teksta velikih slova u velika slova naslova.
Kako pretvoriti tekst velikim slovima u velika slova naslova?
Uz pomoć CSS svojstava i JavaScripta, tekst velikim slovima može se pretvoriti u velika slova naslova. Ova konverzija pomaže u poboljšanju čitljivosti i izgleda teksta. Također, pruža dosljedno oblikovanje i poboljšava korisničko iskustvo.
Slijedite donji vodič korak po korak za pretvorbu iz velikih u naslovna slova:
Korak 1: Izradite ciljani element
U ovom prvom koraku stvorite ciljani/odabrani element unutar '
< centar >
< str iskaznica = 'konverter' > OVAJ TEKST SE PRETVARA IZ VELIKIH SLOVA U NASLOV POMOĆU CSS-a < / str >
< centar >
U gornjem bloku koda:
- Prvo, upotrijebite ' ” za prikaz teksta u središtu web stranice unutar “
” oznaka. Također, navedite lažne podatke u formatu velikih slova. - Zatim dodajte ' iskaznica ' atribut i dajte mu vrijednost ' konverter ”. ovo ' iskaznica ” koristit će se za pohranjivanje reference
oznake unutar JavaScript oznake.
Nakon završetka faze kompilacije:
Gornja snimka web-stranice pokazuje da je tekst uspješno prikazan.
Korak 2: Pretvaranje velikih slova u velika slova naslova
Za izradu pretvarača koriste se svojstva i metode JavaScripta. Slijedite donji kod, njegov opis je naveden u nastavku:
bio je cilj = document.getElementById ( 'konverter' ) .textContent.toLowerCase ( ) ;
cilj = cilj .zamijeniti ( / \b\w / g,
funkcija ( niži ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'konverter' ) .textContent = cilj ;
< / skripta >
U gornjem isječku koda:
- Prvo stvorite varijablu pod nazivom ' cilj ' unutar '
” oznaka. - Zatim upotrijebite ' textContent ” svojstvo za odabir samo teksta koji ostavlja prostor i druge oznake. ' malim slovima() ” ima ID „pretvarač” koji pohranjuje vrijednost u varijablu „cilj”.
- Onda ' zamijeniti() ” metoda se koristi za promjenu vrijednosti varijable “target”. Bira prvi znak svake riječi pomoću ' \b\w ', a zatim koristi ' doUpperCase() ” funkcija. Mijenja format teksta u velika slova.
- Na kraju, nova vrijednost varijable 'target' prikazuje se na ekranu s id-om ' konverter ”.
Nakon izvršenja isječka koda:
Izlaz pokazuje da je tekst velikim slovima pretvoren u format naslova.
Zaključak
Za pretvaranje velikih slova u velika slova naslova, koristite ' malim slovima() ” na odabranom elementu. Nakon toga upotrijebite ' zamijeniti() ' za odabir prvog znaka svake riječi pomoću ' \b\w ” izraz. Na kraju se odabrani znak pretvara u veliko slovo pomoću ' doUpperCase() ” funkcija. Ovaj članak demonstrira postupak pretvaranja teksta odabranih elemenata velikim slovima u velika slova naslova.