Овај чланак демонстрира поступак корак по корак за претварање текста великих слова у велика слова.
Како претворити велики текст у велика слова?
Уз помоћ ЦСС својстава и ЈаваСцрипт-а, текст великим словима се може претворити у велика слова. Ова конверзија помаже у побољшању читљивости и изгледа текста. Такође, обезбеђује доследно форматирање и побољшава корисничко искуство.
Пратите доњи водич корак по корак за конверзију великих слова у велика слова:
Корак 1: Креирајте циљани елемент
У овом првом кораку, креирајте циљани/одабрани елемент унутар „ <боди> ” која се конвертује у велика слова. На пример, „ стр ” подаци о елементима су циљани:
< центар >
< стр ид = 'конвертер' > ОВАЈ ТЕКСТ СЕ КОНВЕРЗУЈЕ ИЗ ВЕЛИКИХ У ВЕЛИКА ВЕЛИКА СЛОВЕНА КОРИШЋЕЊЕМ ЦСС-а < / стр >
< центар >
У горњем блоку кода:
- Прво, користите „ <п> ” за приказ текста у центру веб странице унутар „ <центар> ” ознака. Такође, наведите лажне податке у формату великих слова.
- Затим додајте „ ид ” атрибут и дајте му вредност од “ претварач ”. Овај „ ид ” ће се користити за чување референце ознаке <п> унутар ЈаваСцрипт ознаке.
Након завршетка фазе компилације:
Горњи снимак веб странице показује да је текст успешно приказан.
Корак 2: Претварање великих слова у велика слова
За креирање претварача користе се ЈаваСцрипт својства и методе. Пратите код у наставку, његов опис је наведен у наставку:
био циљ = доцумент.гетЕлементБиИд ( 'конвертер' ) .тектЦонтент.тоЛоверЦасе ( ) ;
циљ = циљ .заменити ( / \б\в / г,
функција ( ниже ) { ретурн ловер.тоУпперЦасе ( ) ; } ) ;
доцумент.гетЕлементБиИд ( 'конвертер' ) .тектЦонтент = циљ ;
< / скрипта >
У горњем исечку кода:
- Прво, креирајте променљиву под називом „ циљ ' унутар ' <сцрипт> ” ознака.
- Затим користите „ тектЦонтент ” својство за избор само текста који оставља простор и других ознака. „ тоЛоверЦасе() ” функција има ИД „конвертер” који чува вредност у променљивој „циљ”.
- Затим ' заменити() ” се користи за промену вредности „циљне” променљиве. Он бира први знак сваке речи помоћу „ \б\в ” израз, а затим користи „ тоУпперЦасе() ” функција. Мења формат текста у велика слова.
- На крају, нова вредност променљиве „циљ“ се приказује на екрану са ИД-ом „ претварач ”.
Након извршења исечка кода:
Излаз показује да је текст великим словима конвертован у формат великих слова.
Закључак
Да бисте велика слова претворили у велика слова, користите „ тоЛоверЦасе() ” функција на изабраном елементу. Након тога, користите „ заменити() ” да изаберете први знак сваке речи помоћу „ \б\в ” израз. На крају, изабрани знак се конвертује у велика слова помоћу „ тоУпперЦасе() ” функција. Овај чланак је демонстрирао процедуру претварања великог слова изабраних елемената у велика слова.