Dit artikel demonstreert de stapsgewijze procedure om hoofdletters om te zetten in hoofdletters.
Hoe tekst in hoofdletters naar hoofdletters converteren?
Met behulp van CSS-eigenschappen en JavaScript kan de tekst in hoofdletters worden omgezet in een hoofdletter. Deze conversie helpt bij het verbeteren van de leesbaarheid en het uiterlijk van de tekst. Het biedt ook een consistente opmaak en verbetert de gebruikerservaring.
Volg de onderstaande stapsgewijze handleiding voor de conversie van hoofdletters naar hoofdletters:
Stap 1: maak een gericht element
Maak in deze eerste stap een gericht/geselecteerd element binnen de '
< centrum >
< P ID kaart = 'omzetter' > DEZE TEKST WORDT MET CSS GECONVERTEERD VAN HOOFDLETTERS NAAR TITEL HOOFDLETTERS < / P >
< centrum >
In het bovenstaande codeblok:
- Gebruik eerst een ' ” tag om tekst weer te geven in het midden van de webpagina binnen de “
' label. Geef ook dummygegevens op in hoofdletters. - Voeg vervolgens een ' ID kaart ' attribuut en geef het de waarde ' omvormer ”. Dit ' ID kaart ” wordt gebruikt om de referentie van de
-tag in de JavaScript-tag op te slaan.
Na het einde van de compilatiefase:
De bovenstaande momentopname van de webpagina geeft aan dat de tekst met succes is weergegeven.
Stap 2: hoofdletters omzetten in titelletters
Om een converter te maken, worden de JavaScript-eigenschappen en -methoden gebruikt. Volg de onderstaande code, de beschrijving hieronder vermeld:
was doel = document.getElementById ( 'omzetter' ) .textContent.toLowerCase ( ) ;
doel = doel .vervangen ( / \b\w / G,
functie ( lager ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'omzetter' ) .textContent = doel ;
< / script >
In het bovenstaande codefragment:
- Maak eerst een variabele met de naam ' doel ' binnen in de '