Ez a cikk lépésről lépésre bemutatja a nagybetűs szöveg nagybetűs nagybetűssé alakításának folyamatát.
Hogyan lehet a nagybetűs szöveget nagybetűssé alakítani?
A CSS-tulajdonságok és a JavaScript segítségével a nagybetűs szöveg cím kis- és nagybetűvé alakítható. Ez az átalakítás segít a szöveg olvashatóságának és megjelenésének javításában. Ezenkívül egységes formázást biztosít, és javítja a felhasználói élményt.
Kövesse az alábbi, lépésről lépésre szóló útmutatót a nagybetűkről a címek kis- és nagybetűire való konvertálásához:
1. lépés: Hozzon létre egy célzott elemet
Ebben az első lépésben hozzon létre egy célzott/kiválasztott elemet a „
< központ >
< p id = 'átalakító' > EZ A SZÖVEG NAGYBETŰBŐL CSS-BETŰBŐL CÍMESEKRE ÁTALAKÍTVA < / p >
< központ >
A fenti kódblokkban:
- Először használjon egy „ ' címke a szöveg megjelenítéséhez a weboldal közepén a '
” címke. Ezenkívül nagybetűs formátumban adjon meg áladatokat. - Ezután adjon hozzá egy „ id ' attribútumot, és adjon meg egy ' értéket átalakító ”. ez a ' id ” a
címke hivatkozásának tárolására szolgál a JavaScript címkén belül.
Az összeállítási fázis vége után:
A weboldal fenti pillanatképe azt mutatja, hogy a szöveg sikeresen megjelent.
2. lépés: A nagybetűk átalakítása cím kis- és nagybetűvé
A konverter létrehozásához a JavaScript tulajdonságait és metódusait kell használni. Kövesse az alábbi kódot, amelynek leírása az alábbiakban olvasható:
volt cél = document.getElementById ( 'átalakító' ) .textContent.toLowerCase ( ) ;
cél = cél .cserélje ki ( / \b\w / g,
funkció ( Alsó ) { vissza lejjebb.nagybetűre ( ) ; } ) ;
document.getElementById ( 'átalakító' ) .textContent = cél ;
< / forgatókönyv >
A fenti kódrészletben:
- Először hozzon létre egy változót ' cél ' benne '