Ändern der class-Attribut eines HTML-Elements mit JavaScript ermöglicht es Entwicklern, interaktive Effekte innerhalb von Websites zu erstellen. Mit einer JavaScript-Funktion können Sie bestimmen, welches Verhalten stattfinden soll , wenn Benutzer mit Ihrer Seite Elemente interagieren , verändern ihre CSS -Eigenschaften in Reaktion auf diese Interaktion. Ändern Klassenattribut Namen ist eine der wichtigsten Techniken in dieser Aufgabe beteiligt , die erreichbar ist, auch für Menschen gerade erst anfangen, in Web-Entwicklung . Anleitung
1

Erstellen Sie Ihre HTML-Seite mit den Elementen , um den Inhalt anzuzeigen. Öffnen Sie eine neue Datei in einem Texteditor, und speichern Sie es mit "html . ", Wie die Erweiterung , die Eingabe des folgenden Codes :

< p >

< /body> < br >

< /html>

erstellt einfach eine Web -Seite mit einer einzigen HTML-Element darin. Das Element wurde ein class-Attribut mit dem Namen zugeordnet "off". Dies zeigt den Zustand des Elements , wenn der Benutzer nicht über seinen Mauszeiger darüber .
2

Erstellen Sie CSS-Code . Öffnen Sie eine neue Datei in einem Texteditor, und speichern Sie es als " interactivestyle.css ", um den Zweck der Aufgabe durchgeführt wird reflektieren. Geben Sie den folgenden Code:

off {

color: # FF0000 ;}

über {

color: # 0000FF ;} . .

Fügen Sie einen Link zu Ihrer CSS-Datei im head-Bereich der HTML- Seite , zwischen den öffnenden und schließenden head tags:

3

erstellen Sie zwei JavaScript-Funktionen im Kopfbereich der Seite , entweder vor oder nach dem Link zu Ihrer CSS-Datei :