Šiame straipsnyje parodyta žingsnis po žingsnio procedūra, kaip konvertuoti didžiosiomis raidėmis esantį tekstą į pavadinimo didžiąsias raides.
Kaip paversti didžiąsias raides į didžiąsias raides?
Naudojant CSS ypatybes ir JavaScript, didžiosiomis raidėmis rašomas tekstas gali būti konvertuojamas į pavadinimo didžiąsias raides. Ši konversija padeda pagerinti teksto skaitomumą ir išvaizdą. Be to, jis suteikia nuoseklų formatavimą ir pagerina vartotojo patirtį.
Vykdykite toliau pateiktą nuoseklų vadovą, kaip konvertuoti iš didžiųjų raidžių į pavadinimo didžiąsias raides:
1 veiksmas: sukurkite tikslinį elementą
Atlikdami pirmąjį veiksmą, sukurkite tikslinį / pasirinktą elementą „
< centras >
< p id = 'keitiklis' > NAUDOJANT CSS, ŠIS TEKSTAS KONVERTuojamas IŠ DIDŽIŲJŲ RAIDŽIŲ Į PAVADINIMO DIDŽIĄJĄ raidę < / p >
< centras >
Aukščiau esančiame kodo bloke:
- Pirmiausia naudokite „ “ žyma, kad tekstas būtų rodomas tinklalapio centre, viduje
“ žymą. Taip pat pateikite netikrus duomenis didžiosiomis raidėmis. - Tada pridėkite „ id ' atributas ir pateikite jam reikšmę ' keitiklis “. Šis ' id “ bus naudojamas
žymos nuorodai saugoti „JavaScript“ žymoje.
Pasibaigus kompiliavimo etapui:
Aukščiau pateikta tinklalapio nuotrauka rodo, kad tekstas buvo rodomas sėkmingai.
2 veiksmas: konvertuokite didžiąsias raides į didžiąsias raides
Norint sukurti keitiklį, naudojamos JavaScript savybės ir metodai. Vadovaukitės toliau pateiktu kodu, jo aprašymas nurodytas žemiau:
buvo taikinys = document.getElementById ( 'keitiklis' ) .textContent.toLowerCase ( ) ;
taikinys = taikinys .pakeisti ( / \b\w / g,
funkcija ( žemesnė ) { grįžti žemesnėmis raidėmis.Didžiosios raidės ( ) ; } ) ;
document.getElementById ( 'keitiklis' ) .textContent = taikinys ;
< / scenarijus >
Aukščiau pateiktame kodo fragmente:
- Pirmiausia sukurkite kintamąjį pavadinimu ' taikinys “ viduje “