Remove all inline style tage from HTML using dom

Question

I have a dom and in this i have loaded whole of the webpage html. I want to remove all the inline style from all the elements in this page. How can i do this.

Answer 1

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

for (var i=0, max=all.length; i < max; i++) {
     // Do something with the element here
     all[i].removeAttribute("style","")
}

Answer 2

Using DOM is the simpliest way.

Here's what I would do.

1. Load your markup using loadHTML().
2. Select all elements with the styles attribute using DOMXPath.
3. Remove the styles attribute using removeAttribute() on each DOMElement.