Tento článok ukazuje podrobný postup prevodu textu veľkých písmen na veľké písmená v nadpise.
Ako previesť text z veľkých písmen na veľké písmená?
Pomocou vlastností CSS a JavaScriptu je možné veľký text previesť na veľké písmená. Táto konverzia pomáha zlepšiť čitateľnosť a vzhľad textu. Poskytuje tiež konzistentné formátovanie a zlepšuje používateľskú skúsenosť.
Postupujte podľa nižšie uvedeného podrobného sprievodcu pre prevod z veľkých písmen na veľké písmená:
Krok 1: Vytvorte cielený prvok
V tomto prvom kroku vytvorte cielený/vybraný prvok vo vnútri „ ” tag, ktorý sa prevedie na veľké písmená. Napríklad „ p Údaje prvkov sú zacielené:
< stred >
< p id = 'konvertor' > TENTO TEXT SA PREVÁDZA Z VEĽKÝCH PÍSMEN NA VEĽKÉ PÍSMENO POMOCOU CSS < / p >
< stred >
Vo vyššie uvedenom bloku kódu:
- Najprv použite „ ” na zobrazenie textu v strede webovej stránky v rámci “
” tag. Poskytnite tiež fiktívne údaje vo formáte veľkých písmen. - Ďalej pridajte „ id ” a zadajte mu hodnotu “ prevodník “. toto ' id ” sa použije na uloženie odkazu na značku
v rámci značky JavaScript.
Po skončení fázy kompilácie:
Vyššie uvedená snímka webovej stránky ukazuje, že text bol úspešne zobrazený.
Krok 2: Konverzia veľkých písmen na veľké písmená
Na vytvorenie konvertora sa používajú vlastnosti a metódy JavaScriptu. Postupujte podľa nižšie uvedeného kódu, jeho popis je uvedený nižšie:
bol cieľ = document.getElementById ( 'konvertor' ) .textContent.toLowerCase ( ) ;
cieľ = cieľ .nahradiť ( / \b\w / g,
funkciu ( nižšie ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'konvertor' ) .textObsah = cieľ ;
< / skript >
Vo vyššie uvedenom útržku kódu:
- Najprv vytvorte premennú s názvom „ cieľ ' vnútri ' ” tag.
- Ďalej použite „ textObsah ” vlastnosť na výber iba textu s ponechaním medzery a iných značiek. ' toLowerCase() Funkcia ” má id „konvertor“, ktorý ukladá hodnotu do premennej „cieľ“.
- Potom ' nahradiť () ” metóda sa používa na zmenu hodnoty premennej „cieľ“. Vyberie prvý znak každého slova pomocou „ \b\w “ a potom použije výraz “ toUpperCase() “. Zmení formát textu na veľké písmená.
- Nakoniec sa na obrazovke zobrazí nová hodnota premennej „cieľ“ s ID „ prevodník “.
Po vykonaní útržku kódu:
Výstup ukazuje, že text s veľkými písmenami bol skonvertovaný do formátu veľkých písmen.
Záver
Ak chcete previesť veľké písmená na veľké písmená, použite „ toLowerCase() ” na vybranom prvku. Potom použite „ nahradiť () ” na výber prvého znaku každého slova pomocou “ \b\w “výraz. Nakoniec sa vybraný znak prevedie na veľké písmená pomocou „ toUpperCase() “. Tento článok demonštroval postup prevodu textu veľkých písmen vybratých prvkov na veľké písmená.