Come modificare un attributo di classe CSS con JavaScript

Cambiare l'attributo di classe di un elemento HTML con JavaScript permette agli sviluppatori di creare effetti interattivi all'interno di siti web. Utilizzando una funzione JavaScript , è possibile determinare quale comportamento dovrebbe avvenire quando gli utenti interagiscono con gli elementi delle pagine , alterando le proprietà di stile CSS in risposta a questa interazione . Alterare i nomi degli attributi di classe è una delle tecniche principali coinvolti in questo compito , che è realizzabile anche per le persone appena iniziato in sviluppo web. Istruzioni
1

Crea la pagina HTML con elementi per visualizzare il contenuto . Aprire un nuovo file in un editor di testo e salvarlo con " html ". , Come l'estensione , inserendo il seguente codice :

< /head>

Ciao < /div >

< /body>

< /html >

Questo crea semplicemente una pagina Web con un singolo elemento HTML in esso. L'elemento è stato assegnato un attributo class con il nome di " off ". Questo indica lo stato dell'elemento quando l'utente non ha il suo cursore del mouse su di esso .
2

Crea il codice CSS . Aprire un nuovo file in un editor di testo e salvarlo come " interactivestyle.css " per riflettere lo scopo della mansione svolta . Inserisci il seguente codice :

off {

Informazioni correlate

Articoli consigliati

C /C + + Programming

Computer Programming Languages

Delphi Programming

Java Programming

Programmazione Javascript

PHP /MySQL Programmazione

Perl Programming

Python Programming

rubino Programmazione

Nozioni di base di Visual Programming