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-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.

Gerelateerde Artikelen

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 HTML-tekst met JavaScript variabelen

Het wijzigen van de HTML-tekst met JavaScript variabelen

JavaScript is een client-side scripting taal die gebruikmaakt van variabelen die zich op vrijwel dezelfde manier gedragen dat variabelen zich in andere programmeertalen gedragen. JavaScript variabelen hoeven niet te worden verklaard voor het gebruik
Het wijzigen van een MOD bestanden met de extensie op een JVC Video

Het wijzigen van een MOD bestanden met de extensie op een JVC Video

Zoals veel bestandsindelingen die camcorders gebruiken voor het vastleggen en opslaan van video, zijn de MOD-bestanden gemaakt door JVC camcorders niet compatibel met veel mediaspelers en videobewerkingsprogramma's. Als u wilt kijken naar de video op
Het wijzigen van beveiligingsinstellingen voor een PDF-bestand

Het wijzigen van beveiligingsinstellingen voor een PDF-bestand

Portable documentformaat, of PDF, was een bestandsindeling gemaakt door Adobe als een universele bestandsindeling die gemakkelijk kan worden gedeeld. Adobe Acrobat Reader, waarmee u PDF-bestanden bekijken, is beschikbaar voor vrije download. Echter v
Het wijzigen van mijn Mailing adres met het postkantoor

Het wijzigen van mijn Mailing adres met het postkantoor

De U.S. Postal Service raadt aan dat u een adreswijziging twee weken voordat uw werkelijke datum te verplaatsen bestand. Kunt u uw adreswijziging maximaal drie maanden van tevoren of wacht pas veel later, maar het kan vaak een week vóór om het even w
Het wijzigen van uw gsm-nummer met Verizon

Het wijzigen van uw gsm-nummer met Verizon

Veel mensen hebben hetzelfde telefoonnummer voor jaren, maar soms moet je een nieuw nummer voor een verscheidenheid van redenen. Mogelijk hebt u een binnenlands probleem en wilt voorkomen dat een bepaalde persoon die u belt, of mogelijk hebt verplaat
Het wijzigen van de Wireless SSID met Comcast

Het wijzigen van de Wireless SSID met Comcast

Sommige kabelmodems Comcast heeft ook een draadloze router. Hebt u de XFINITY draadloze gateway, komt het met de naam van een vooraf ingestelde Wi-Fi-netwerk. Van de gateway standaard service set identification is meestal iets onpersoonlijk zoals HOM
Het wijzigen van tekst in hoofdletters in JavaScript

Het wijzigen van tekst in hoofdletters in JavaScript

De JavaScript-taal biedt programmeurs met sommige krachtige string manipulatie functies. Er zijn JavaScript-functies te splitsen, combineren, zoeken, vergelijken en transformeren van tekenreeksen. De functie toUpperCase() kan de kleine letters van ee
Het wijzigen van instellingen voor schermbeveiliging

Het wijzigen van instellingen voor schermbeveiliging

Omdat u zo veel tijd op uw computer besteden, kunt u personaliseren en aanpassen van uw persoonlijkheid. Een manier om dit te doen is het wijzigen van uw instellingen voor schermbeveiliging. U kunt de gebruikte voorgeïnstalleerde screensaver sjablone
Het wijzigen van een MOD bestanden met de extensie naar een MPG

Het wijzigen van een MOD bestanden met de extensie naar een MPG

De MOD extensie is een indeling die wordt gebruikt door sommige digitale camcorders. Het is gelijkaardig aan. MPEG2, en kan nog steeds bekeken worden met behulp van enkele video software. Het is echter nog steeds nuttig, om het converteren van bestan
Het wijzigen van machtigingen voor Microsoft Outlook

Het wijzigen van machtigingen voor Microsoft Outlook

De productiviteit programma Microsoft Outlook is ontworpen om te worden gebruikt door meerdere gebruikers, waarbij iedere gebruiker toegang tot verschillende delen van Outlook, evenals aparte gebieden waartoe andere gebruikers geen toegang hebt. Om d
Het wijzigen van kleuren of kleurstoffen met neopreen

Het wijzigen van kleuren of kleurstoffen met neopreen

Neopreen is een soort rubber vaak gebruikt voor wetsuits en andere water-producten. De neopreen water raakt alles onder het stof blokkeert en fungeert als een waterdichte barrière. Neopreen komt meestal in enkele kleuren, zoals zwart of donker blauw.
Het wijzigen van uw Mailing adres met Playboy

Het wijzigen van uw Mailing adres met Playboy

Verhuizen is een stressvolle gebeurtenis in het leven. U kunt het verminderen van de hoeveelheid stress met goede organisatie en planning. Voorzien van al uw contacten en de afzenders uw nieuwe postadres en zo spoedig mogelijk de ingangsdatum. Tijdsc
Het maken van aangepaste pop-upvakken met Javascript

Het maken van aangepaste pop-upvakken met Javascript

Een van de beste manieren om de unieke, aangepaste popup vakken starten is het bouwen van een pop-generator. Een JavaScript-functie waarmee een aangepaste popup-opdracht kan verminderen zendtijd. Door het veranderen van een paar variabelen die invloe