Il Document Object Model (DOM) è un modo di rappresentare una pagina Web in termini di elementi di markup e il contenuto. Ogni tag HTML è rappresentato come nodo in un albero DOM. È possibile accedere e / o modificare il contenuto o la struttura della pagina facendo riferimento a parti del suo albero DOM in JavaScript. Cancellare l'attributo di "stile" di un elemento HTML con Javascript per rimuovere gli stili CSS applicati ad esso.

istruzione

1 Inserire il codice seguente tra i tag "testa" del documento HTML:

<Script type = "text / javascript">

Funzione clearStyle (id) {

document.getElementById(id).setAttribute("style","");

document.getElementById (id) .style.cssText = "";

}

</ Script>

La seconda linea è necessario per rendere il codice compatibile con Internet Explorer.

2 Aggiungere il seguente codice al corpo del documento HTML per testare la funzione "clearStyle":

<Div id = stile "div1" = "font-size: 200%; text-align: center;"> Styled testo </ div>

<Input type = valore "pulsante" = "Rimuovi Style" onclick = "clearStyle ( 'div1');" />

3 Salvare la pagina e caricare in un browser Web. Fare clic sul pulsante per rimuovere gli stili dall'elemento DIV. Il testo si restringe immediatamente alle dimensioni normali e diventa allineato a sinistra. Assegnare un ID univoco a ogni elemento da cui si desidera rimuovere gli stili, quindi utilizzare il suo ID nella chiamata a "clearStyle."