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 :
< p > < /head>
Ciao < /div >
< /body> < br >
< /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 {
