Tämä artikkeli esittelee vaiheittaisen prosessin isojen kirjainten muuntamiseksi otsikon kirjainkoon.
Kuinka muuntaa isot tekstit otsikon kirjaimiin?
CSS-ominaisuuksien ja JavaScriptin avulla isoilla kirjaimilla oleva teksti voidaan muuntaa otsikon kirjainkoon. Tämä muunnos auttaa parantamaan tekstin luettavuutta ja ulkonäköä. Lisäksi se tarjoaa yhtenäisen muotoilun ja parantaa käyttökokemusta.
Noudata alla olevia vaiheittaisia ohjeita muuttaaksesi isot kirjaimet otsikon kirjaimiin:
Vaihe 1: Luo kohdistettu elementti
Luo tässä ensimmäisessä vaiheessa kohdistettu/valittu elementti ' ' -tunniste, joka muunnetaan otsikon kirjainkoon. Esimerkiksi ' s ”elementtien data on kohdistettu:
< keskusta >
< s id = 'muunnin' > TÄMÄ TEKSTI MUUNNETAAN ISOJISTA KIRJOITUKSISTA OTSIKKO-KOKOON KÄYTTÖÖN CSS:n avulla < / s >
< keskusta >
Yllä olevassa koodilohkossa:
- Käytä ensin ' ' -tunniste näyttääksesi tekstin verkkosivun keskellä '
' -tunniste. Anna myös valetiedot isoilla kirjaimilla. - Lisää seuraavaksi ' id '-attribuutti ja anna sille arvo ' muunnin ”. Tämä ' id ' käytetään tallentamaan
-tunnisteen viittaus JavaScript-tunnisteen sisään.
Kokoonpanovaiheen päätyttyä:
Yllä oleva verkkosivun tilannekuva näyttää, että teksti on näytetty onnistuneesti.
Vaihe 2: Muunna isot kirjaimet otsikon kirjaimeksi
Muuntimen luomiseen käytetään JavaScriptin ominaisuuksia ja menetelmiä. Seuraa alla olevaa koodia, sen kuvaus alla:
oli kohde = document.getElementById ( 'muunnin' ) .textContent.toLowerCase ( ) ;
kohde = kohde .korvata ( / \b\w / g,
toiminto ( alempi ) { palaa alemmas.suurin kirjain ( ) ; } ) ;
document.getElementById ( 'muunnin' ) .textContent = kohde ;
< / käsikirjoitus >
Yllä olevassa koodinpätkässä:
- Luo ensin muuttuja nimeltä ' kohde ' sisällä ' ' -tunniste.
- Käytä seuraavaksi ' tekstisisältö ' -ominaisuus, jolla valitaan vain tekstiä jättäen tilaa ja muita tunnisteita. ' pienet kirjaimet() ' -funktiolla on 'muuntimen' tunnus, joka tallentaa arvon 'target'-muuttujaan.
- Sitten ' korvata() ' -menetelmää käytetään 'target'-muuttujan arvon muuttamiseksi. Se valitsee jokaisen sanan ensimmäisen merkin käyttämällä ' \b\w ilmaisua ja käyttää sitten isot kirjaimet() ”-toiminto. Se muuttaa tekstimuodon isoiksi kirjaimiksi.
- Lopulta 'target'-muuttujan uusi arvo näytetään näytöllä, jonka tunnus on ' muunnin ”.
Koodinpätkän suorittamisen jälkeen:
Tulos näyttää, että isoilla kirjaimilla oleva teksti on muutettu otsikon kirjainmuotoon.
Johtopäätös
Jos haluat muuntaa isot kirjaimet otsikon kirjaimiin, käytä ' pienet kirjaimet() ”-toiminto valitussa elementissä. Käytä sen jälkeen ' korvata() ' -toiminto valitaksesi jokaisen sanan ensimmäisen merkin käyttämällä ' \b\w ' ilmaisu. Lopulta valittu merkki muunnetaan isoiksi käyttämällä ' isot kirjaimet() ”-toiminto. Tässä artikkelissa on esitelty menetelmä, jolla valittujen elementtien teksti muunnetaan isoilla kirjaimilla otsikon kirjainkoon.