Entfernen Sie alle Inline-Style-Tags aus HTML mithilfe des DOM

Question

Ich habe ein DOM und darin habe ich den gesamten HTML-Code der Webseite geladen. Ich möchte alle Inline-Styles von allen Elementen auf dieser Seite entfernen. Wie kann ich das tun?

Answer 1

var all = document.getElementsByTagName("*");

for (var i=0, max=all.length; i < max; i++) {
     // Hier etwas mit dem Element machen
     all[i].removeAttribute("style","")
}

Answer 2

Mit DOM ist es der einfachste Weg.

Hier ist, was ich tun würde.

1. Laden Sie Ihr Markup mit loadHTML().
2. Wählen Sie alle Elemente mit dem styles-Attribut mit DOMXPath aus.
3. Entfernen Sie das Styles-Attribut mit removeAttribute() auf jedem DOMElement.

Answer 3

Sie müssen jedes Element auf der Seite durchgehen und element.removeAttribute("style") aufrufen. Sie können den DOM rekursiv durchlaufen, indem Sie JavaScript verwenden. Es gibt viele Beispiele dafür online.