Hoe te wissen van het kenmerk Style in JavaScript DOM

Het Document Object Model (DOM) is een manier van het vertegenwoordigen van een Web-pagina in termen van haar tekstelementen en inhoud. Elke HTML-code wordt vertegenwoordigd als knooppunt in een DOM-structuur. U kunt raadplegen en/of wijzigen van de inhoud of structuur van de pagina door te verwijzen naar de delen van de DOM-structuur in JavaScript te gebruiken. Schakel het kenmerk "style" van een HTML-element met JavaScript als CSS opmaakprofielen toegepast wilt verwijderen.

Instructies

1

Voeg de volgende code tussen de tags "hoofd" van uw HTML-document:

< script type = "text/javascript" >

functie clearStyle(id) {}

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

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

}

< / script >

De tweede regel is nodig om de code compatibel is met Internet Explorer.

2

Voeg de volgende code toe aan de hoofdtekst van een HTML-document voor het testen van de "clearStyle"-functie:

< div id = "div1" stijl = "lettertype-grootte: 200%; text-align: midden;" > opgemaakte tekst < / div >

< input type = "button" value = "Verwijderen Style" onClick="clearStyle('div1');" / >

3

De pagina opslaan en laden in een webbrowser. Klik op de knop Verwijder de stijlen van het div-element. De tekst onmiddellijk krimpt tot normale grootte en wordt links uitgelijnd. Een unieke ID toewijzen aan elk element waaruit u wilt verwijderen van stijlen en gebruikt u vervolgens de ID in de oproep tot "clearStyle."