Aquest article mostra el procediment pas a pas per convertir el text en majúscules en majúscules del títol.
Com convertir el text en majúscules en majúscules del títol?
Amb l'ajuda de les propietats CSS i JavaScript, el text en majúscula es pot convertir en un cas de títol. Aquesta conversió ajuda a millorar la llegibilitat i l'aparença del text. A més, proporciona un format coherent i millora l'experiència de l'usuari.
Seguiu la guia pas a pas següent per a la conversió de majúscules a majúscules de títol:
Pas 1: creeu un element objectiu
En aquest primer pas, creeu un element orientat/seleccionat dins del '
< centre >
< pàg id = 'convertidor' > AQUEST TEXT ES CONVERTEIX DE MAJÚSCULA A TÍTOL AMB CSS < / pàg >
< centre >
Al bloc de codi anterior:
- Primer, utilitzeu un ' ” per mostrar el text al centre de la pàgina web dins del “
' etiqueta. A més, proporcioneu dades simulades en format majúscula. - A continuació, afegiu un ' id ” i proporcioneu-li un valor de “ convertidor ”. Aquest ' id ” s'utilitzarà per emmagatzemar la referència de l'etiqueta
dins de l'etiqueta JavaScript.
Després del final de la fase de compilació:
La instantània anterior de la pàgina web mostra que el text s'ha mostrat correctament.
Pas 2: Convertir majúscules a majúscules del títol
Per crear un convertidor, s'utilitzen les propietats i els mètodes de JavaScript. Seguiu el codi següent, la seva descripció s'indica a continuació:
era objectiu = document.getElementById ( 'convertidor' ) .textContent.toLowerCase ( ) ;
objectiu = objectiu .substituir ( / \b\w / g,
funció ( més baix ) { tornar a la minúscula.a la majúscula ( ) ; } ) ;
document.getElementById ( 'convertidor' ) .textContent = objectiu ;
< / guió >
Al fragment de codi anterior:
- Primer, creeu una variable anomenada ' objectiu ' dins del ' ' etiqueta.
- A continuació, utilitzeu el ' textContent ” propietat per seleccionar només text deixant espai i altres etiquetes. El ' aMinúscules () La funció té un identificador de 'convertidor' que emmagatzema un valor a la variable 'destí'.
- Aleshores el ' substituir () El mètode s'utilitza per canviar el valor de la variable 'objectiu'. Selecciona el primer caràcter de cada paraula amb el botó “ \b\w ' i després utilitza l'expressió ' a majúscules () ” funció. Canvia el format del text a majúscules.
- Al final, el nou valor de la variable 'objectiu' es mostra a la pantalla amb un identificador de ' convertidor ”.
Després de l'execució del fragment de codi:
La sortida mostra que el text en majúscula s'ha convertit al format de majúscules del títol.
Conclusió
Per convertir majúscules en majúscules de títol, utilitzeu el botó “ aMinúscules () ” a l'element seleccionat. Després d'això, utilitzeu el ' substituir () ” per seleccionar el primer caràcter de cada paraula utilitzant el “ \b\w ” expressió. Al final, el caràcter seleccionat es converteix en majúscules mitjançant el ' a majúscules () ” funció. Aquest article ha demostrat el procediment per convertir el text en majúscules dels elements seleccionats a la majúscula del títol.