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-eigenschappen op uw Web-pagina besturingselementen. JavaScript kan veranderen kleuren, afbeeldingen, opmaakprofielen en tekst in uw CSS-eigenschappen. Dit geeft u de mogelijkheid om de webpagina veranderen van gebruikersinteractie.
Open uw HTML-bestand in uw favoriete tekst-editor. Dit kan zijn een eenvoudige gratis toepassing zoals Kladblok. Na het openen van het bestand, scroll naar beneden naar het element dat u wilt bewerken. In dit voorbeeld wordt wordt de knop van een formulier bewerkt.
Binnen de knop form-tag, voert u de volgende code:
onClick="javascript:changeVisibility(this);"
De gebeurtenis 'onClick' verandert de CSS-eigenschap, wanneer de gebruiker op de knop klikt. "changeVisibility" is een functie die u maakt als u wilt wijzigen van de eigenschap visibility. Tot slot stuurt de "deze" notatie het knopobject naar de functie, zodat het weet welke knop wijzigen op de pagina.Ga naar de bovenkant van uw HTML-pagina de Javascript-functie maken. Binnen de "
"en""tags, voert u de volgende Javascript tag vermeldingen:
Dit duidt op een blok van Javascript-code, zodat het HTML-bestand instructies bevat voor het uitvoeren van de commando's in plaats van ze naar HTML te vertalen.De volgende code gebruiken om de CSS-eigenschap op uw HTML-element te wijzigen:
functie changeVisibility(button)
{
button.style.visibility = "verborgen"
}
In deze voorbeeldcode wordt de knop doorgegeven aan de functie. Vervolgens wordt de CSS stijleigenschap "zichtbaarheid" van de knop gewijzigd in verborgen. Dit verbergt de knop van de gebruiker, dus het is niet zichtbaar op uw webpagina.