Тази статия демонстрира стъпка по стъпка процедурата за преобразуване на текст с главни букви в главни букви на заглавието.
Как да конвертирате текст с главни букви в главни букви?
С помощта на свойствата на CSS и JavaScript текстът с главни букви може да бъде преобразуван в главни букви. Това преобразуване помага за подобряване на четливостта и външния вид на текста. Освен това осигурява последователно форматиране и подобрява потребителското изживяване.
Следвайте ръководството стъпка по стъпка по-долу за преобразуване от главни букви в главни букви:
Стъпка 1: Създайте целеви елемент
В тази първа стъпка създайте целеви/избран елемент вътре в „ <тяло> ”, който се преобразува в главни букви. Например „ стр ” данни за елементи са насочени:
< център >
< стр документ за самоличност = 'конвертор' > ТОЗИ ТЕКСТ СЕ ПРЕВЪРТА ОТ ГЛАВНИ В ГЛАВНИ БУКВИ С ПОМОЩТА НА CSS < / стр >
< център >
В горния кодов блок:
- Първо, използвайте „ ” за показване на текст в центъра на уеб страницата вътре в „ <център> ” таг. Освен това предоставете фиктивни данни във формат с главни букви.
- След това добавете „ документ за самоличност ” и му задайте стойност „ конвертор ”. Това ' документ за самоличност ” ще се използва за съхраняване на препратката към
тага вътре в JavaScript тага.
След края на фазата на компилация:
Горната моментна снимка на уеб страницата показва, че текстът е показан успешно.
Стъпка 2: Преобразуване на главни букви в главни букви
За да създадете конвертор, се използват свойствата и методите на JavaScript. Следвайте кода по-долу, описанието му е посочено по-долу:
беше мишена = document.getElementById ( 'конвертор' ) .textContent.toLowerCase ( ) ;
мишена = мишена .заменете ( / \b\w / g,
функция ( нисък ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'конвертор' ) .textContent = мишена ;
< / сценарий >
В горния кодов фрагмент:
- Първо създайте променлива с име „ мишена ' вътре в ' <скрипт> ” таг.
- След това използвайте „ textContent ” свойство за избиране само на текст, оставящ интервал и други тагове. „ toLowerCase() ” има идентификатор на „конвертор”, който съхранява стойност на променливата „цел”.
- Тогава ' замени() ” методът се използва за промяна на стойността на променливата „target”. Той избира първия знак от всяка дума с помощта на „ \b\w ” и след това използва „ toUpperCase() ” функция. Той променя текстовия формат на главни букви.
- В крайна сметка новата стойност на променливата „target“ се показва на екрана с идентификатор „ конвертор ”.
След изпълнението на кодовия фрагмент:
Резултатът показва, че текстът с главни букви е преобразуван във формат на главни букви.
Заключение
За да конвертирате главни букви в главни букви, използвайте „ toLowerCase() ” върху избрания елемент. След това използвайте „ замени() ”, за да изберете първия знак от всяка дума с помощта на „ \b\w ” израз. В крайна сметка избраният символ се преобразува в главни букви с помощта на „ toUpperCase() ” функция. Тази статия демонстрира процедурата за преобразуване на текста с главни букви на избраните елементи в главни букви.