Gewusst wie: Deaktivieren Sie das Style-Attribut in JavaScript DOM

November 8

Document Object Model (DOM) ist eine Möglichkeit der Darstellung einer Webseite hinsichtlich seiner Markupelemente und Inhalte. Jedes HTML-Tag wird als Knoten in einem DOM-Baum dargestellt. Sie können zugreifen und ändern den Inhalt oder die Struktur der Seite durch Verweisen auf Teile der seinen DOM-Baum in JavaScript. Deaktivieren Sie das "Style"-Attribut eines HTML-Elements mit JavaScript, CSS-Stile angewendet zu entfernen.

Anweisungen

1 Fügen Sie den folgenden Code zwischen die Tags "Kopf" Ihres HTML-Dokuments:

< Skript-Typ = "Text/Javascript" >

Funktion clearStyle(id) {}

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

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

}

< / script >

Die zweite Zeile ist notwendig, den Code mit Internet Explorer kompatibel zu machen.

2 Fügen Sie den folgenden Code an die Stelle Ihres HTML-Dokuments testen Sie die Funktion "ClearStyle":

< Div Id = "div1" Style = "Schriftart-Größe: 200 %; Text-align: Mitte;" > formatierten Text < / Div >

< Eingang Typ = "Knopf" Value = "Entfernen-Stil" onClick="clearStyle('div1');" / >

3 Speichern Sie die Seite und laden Sie es in einem Webbrowser. Klicken Sie, um die Formatvorlagen aus dem DIV-Element zu entfernen. Der Text sofort schrumpft auf Normalgröße und wird linksbündig ausgerichtet. Ordnen Sie eine eindeutige ID zu, auf jedes Element, von dem Sie Formatvorlagen entfernen möchten, dann verwenden Sie seine ID im Aufruf von "ClearStyle."