В этой статье демонстрируется пошаговая процедура преобразования текста в верхнем регистре в заглавный.
Как преобразовать текст в верхнем регистре в регистр заголовка?
С помощью свойств CSS и JavaScript текст в верхнем регистре можно преобразовать в регистр заголовка. Это преобразование помогает улучшить читаемость и внешний вид текста. Кроме того, он обеспечивает согласованное форматирование и улучшает взаимодействие с пользователем.
Следуйте приведенному ниже пошаговому руководству для преобразования прописных букв в заглавные:
Шаг 1: Создайте целевой элемент
На этом первом шаге создайте целевой/выбранный элемент внутри « <тело> », который преобразуется в заглавный регистр. Например, « п ” Данные элементов предназначены:
< центр >
< п идентификатор '=' 'преобразователь' > ЭТОТ ТЕКСТ ПРЕОБРАЗУЕТСЯ ИЗ ПРОПИСНЫХ В ЗАГОЛОВКИ С ИСПОЛЬЗОВАНИЕМ CSS < / п >
< центр >
В приведенном выше блоке кода:
- Во-первых, используйте « », чтобы отобразить текст в центре веб-страницы внутри « <центр> ' ярлык. Кроме того, предоставьте фиктивные данные в верхнем регистре.
- Далее добавьте « идентификатор » и присвойте ему значение « преобразователь ». Этот ' идентификатор ” будет использоваться для хранения ссылки на тег
внутри тега JavaScript.
После окончания этапа компиляции:
Приведенный выше снимок веб-страницы показывает, что текст был успешно отображен.
Шаг 2: Преобразование верхнего регистра в регистр заголовка
Для создания конвертера используются свойства и методы JavaScript. Следуйте приведенному ниже коду, его описание приведено ниже:
был цель '=' документ.getElementById ( 'преобразователь' ) .textContent.toLowerCase ( ) ;
цель '=' цель .заменять ( / \б\ш / г,
функция ( ниже ) { вернуть нижний .toUpperCase ( ) ; } ) ;
документ.getElementById ( 'преобразователь' ) .textContent '=' цель ;
< / сценарий >
В приведенном выше фрагменте кода:
- Сначала создайте переменную с именем « цель ' внутри ' <скрипт> ' ярлык.
- Далее используйте « textContent ” для выбора только текста без пробелов и других тегов. “ в нижний регистр() » имеет идентификатор «converter», который сохраняет значение в «целевой» переменной.
- Затем « заменять() » используется для изменения значения переменной «target». Он выбирает первый символ каждого слова, используя « \б\ш », а затем использует « toUpperCase() функция. Он изменяет формат текста на верхний регистр.
- В конце концов, новое значение переменной «target» отображается на экране с идентификатором « преобразователь ».
После выполнения фрагмента кода:
Вывод показывает, что текст в верхнем регистре был преобразован в формат заглавного регистра.
Заключение
Чтобы преобразовать верхний регистр в заглавный, используйте « в нижний регистр() ” на выбранном элементе. После этого используйте « заменять() ” для выбора первого символа каждого слова с помощью “ \б\ш ' выражение. В конце выбранный символ преобразуется в верхний регистр с помощью « toUpperCase() функция. В этой статье продемонстрирована процедура преобразования прописного текста выбранных элементов в заглавный.