Het wijzigen van Div tekst Bold in JavaScript



Soms moet je hef je je stem om aandacht te krijgen. Webdesigners kunnen een webpagina's "volume" te verhogen door het maken van een aantal van de tekst moediger. De eigenschap Cascading Style Sheet of CSS, font gewicht kun je tekst lichter of donkerder dan normaal. JavaScript heeft toegang tot de hypertext markup language-Document Object Model, of DOM, en het gewicht van tekst kunt wijzigen zonder de hele pagina herladen. U kunt het gewicht van het lettertype van de tekst in een div-tag met behulp van de "getElementById()" eigenschap in te stellen de "Object.style.fontWeight" op "vet".

Wat die u nodig hebt

  • Webbrowser zoals Internet Explorer
  • Teksteditor zoals Kladblok
  • De teksteditor blocnote te lanceren door te klikken op de knop "Start", op "Alle programma's," "Accessoires" te klikken en vervolgens te klikken op "Kladblok".

  • Voer de volgende code in de teksteditor.

    De tekst hier is normaal gewicht

  • Klik op het menu "Bestand". Selecteer de optie "Opslaan". Opslaan onder het bestand naam "test.html."

  • Start de webbrowser door te klikken op de knop "Start", te klikken op 'Alle programma's ' en 'Internet Explorer'. Klik op het "File" menu-item en selecteer "Open File".

  • Zoek het bestand "test.html" zojuist hebt gemaakt, selecteert u deze met de muis en klik dan op "Open."

  • Klik op de knop met het label "De tekst vet maken." De tekst moet worden vet en de knop moet nu lezen: "de tekst wordt nu vet!"

Tips & waarschuwingen
  • Met de eigenschap innerHTML van de DOM kunt u webpagina's om tekst te veranderen zonder de hele pagina herladen. U kan deze functie gebruiken om de tekst in een div-element wijzigen als de gebruiker de muisaanwijzer op het. U kunt de volgende code toevoegen aan de functie van de "changeStyle()" in het voorbeeld en de div tekst wijzigen:
  • document.getElementById("mydiv").innerHTML = "het tekengewicht voor tekst in deze div wordt nu vet!";
  • Wijzig de knopcode om de volgende mouseover-functie te gebruiken:
  • Bij gebruik oordeelkundig, helpen Vette lettertypen trekken aandacht belangrijke inhoud op uw pagina. Teveel vet op een pagina, kan echter worden gezien door uw viewer als schreeuwen of badgering. Uw gebruik van vet te beperken. Aparte stukken van vet door witruimte. Variërend van de tekstkleur of het lettertype-familie kan helpen trekken het oog van de kijkers naar belangrijke informatie evenals

Gerelateerde Artikelen

Het wijzigen van de tekst Alert op een iPhone

Het wijzigen van de tekst Alert op een iPhone

Als het geluid en de waarschuwingen zijn beide ingeschakeld op uw iPhone, zal het een geluid om u te waarschuwen dat u hebt ontvangen van een SMS-bericht maken. Terwijl een geluid is ingesteld als de standaard kennisgeving bij aankoop van uw telefoon
Het wijzigen van de tekst bericht Toon voor de Casio Commando

Het wijzigen van de tekst bericht Toon voor de Casio Commando

Zoals ringtones moet u niet houden van de dezelfde Toon voor inkomende tekstberichten op uw Casio Commando. U kunt elke Toon, ook bekend als een waarschuwing, gewenste voor inkomende tekstberichten met inbegrip van tonen bedoeld als ringtones. Het on
Het wijzigen van alle tekst tegelijk in InDesign

Het wijzigen van alle tekst tegelijk in InDesign

InDesign is een pagina document en lay-out software van Adobe Creative Suite. Tekst-zware brochures en catalogussen meerdere pagina bestaan vaak uit vele verschillende lettertypen, lettertypen en gewichten. Als de ontwerper van u uw mening over uw ke
Het wijzigen van de tekst van het venster in Windows XP

Het wijzigen van de tekst van het venster in Windows XP

Windows XP biedt gebruikers een ongelooflijke hoeveelheid flexibiliteit als het gaat om het uiterlijk van de grafische User Interface (GUI). U kunt de indeling van de taakbalk wijzigen en toevoegen, verplaatsen of verwijderen van pictogrammen van het
Het wijzigen van de tekst op uw tabbalk op Tumblr

Het wijzigen van de tekst op uw tabbalk op Tumblr

Wanneer uw Tumblr blog geopend in een webbrowser is, de titel van de pagina kunt u op beeldschermen op de tabbalk. Hoewel de paginatitel meerdere doeleinden dient, fungeert in dit geval het als een tabblad descriptor waarmee u kunt navigeren tussen g
Het wijzigen van de tekst in CorelDRAW

Het wijzigen van de tekst in CorelDRAW

CorelDRAW is een illustratieprogramma zoals Adobe Illustrator. Als u van CorelDRAW gebruikmaakt, kunt u invoegen en bewerken van tekst in uw ontwerp. Omdat u tekst in uw gemaakte afbeelding invoegen kunt kunt u ook de tekst wijzigen, het groter maken
Het wijzigen van eigenschappen voor CSS met Javascript

Het wijzigen van eigenschappen voor CSS met Javascript

Cascading Style Sheets (CSS) maakt het lay-out en kleuren zichtbaar op een webpagina. JavaScript is een client-side software gebruikt voor het programma dynamische inhoud op de pagina. JavaScript kan worden gebruikt voor het bewerken van CSS-eigensch
Het wijzigen van de tekst die in InDesign

Het wijzigen van de tekst die in InDesign

Naast het kiezen van het lettertype, de grootte en de kleur van tekst, kunt u ook de tekst leiden in Adobe InDesign. De regelafstand wordt de ruimte tussen tekens, en u kunt dit kenmerk toepassen op een hele alinea of op gewoon wat tekst.Leading toep
Het wijzigen van de tekst in een EPS

Het wijzigen van de tekst in een EPS

Een Encapsulated PostScript (EPS) is een indeling voor grafische bestanden die bitmap en vector gegevens worden opgeslagen. Het wordt gebruikt voor het opslaan van logo's, tekeningen en lay-out van pagina's. Adobe Acrobat Pro 9 kan het EPS-bestand op
Het wijzigen van gewone tekst aan Cheetah Print

Het wijzigen van gewone tekst aan Cheetah Print

Cheetah print lettertype kunt maken een verjaardagskaart of flier opvallen in een heel creatieve manier. De gevlekte luipaard patroon is een gebruikelijke keuze voor portemonnees, behang, kleding en meer. Mode een tekstdocument van dit lettertype het
Het wijzigen van een achtergrondafbeelding CSS met JavaScript

Het wijzigen van een achtergrondafbeelding CSS met JavaScript

JavaScript biedt een dynamische, client-side code om uw lay-out van de website bewerken. U kunt Javascript verandering website grafisch materiaal, tekst, tabellen en zelfs de achtergrondafbeelding. De code wordt gebruikt voor het automatiseren van dy
Het wijzigen van de tekst bericht vak kleuren op een Motorola-foton

Het wijzigen van de tekst bericht vak kleuren op een Motorola-foton

De Motorola Photon 4G is voor gebruikers die veel teksten en e-mails versturen. In tegenstelling tot veel moderne smartphones, ook het foton een uitschuifbare, volledig-QWERTY toetsenbord strekking het u met uw computer-zij veel kleiner. Hoewel Motor
Het wijzigen van de tekst-Editor in Joomla!

Het wijzigen van de tekst-Editor in Joomla!

Joomla! wordt geïnstalleerd met de TinyMCE editor als de standaard voor back-end beheer van artikelen en front-end artikel inzendingen instellen. De TinyMCE editor biedt aanzienlijke functionaliteit als een WYSIWYG-editor maar vaak schiet tekort als
Het wijzigen van de Tab Focus voor Javascript

Het wijzigen van de Tab Focus voor Javascript

Webpagina's hebben besturingselementen zoals tekstvakken, vervolgkeuzelijsten en knoppen. Wanneer gebruikers uw site bezoeken, kunnen ze deze besturingselementen doorlopen door op de tab-toets te drukken. Elk besturingselement heeft een tabindex. Dez