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.

Rab Khan · Accepted Answer · 2012-07-13 10:26:46Z

2

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

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

answered Jul 13, 2012 at 10:26

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

F21 Over a year ago

I think he wants to do this using PHP.

Rab Khan Over a year ago

Its better to process DOM on client side

Emile Bergeron Over a year ago

What if the client's browser has js disabled? What if I wanted to remove the style as a server side validation of the data inputted by the client? It's not better to process DOM on client side, it depends on what you aim to do.

F21 · Accepted Answer · 2012-07-13 10:28:37Z

2

Using DOM is the simpliest way.

Here's what I would do.

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

answered Jul 13, 2012 at 10:28

F21

33.6k27 gold badges105 silver badges179 bronze badges

Comments

Jon Taylor · Accepted Answer · 2012-07-13 10:25:45Z

0

You need to go throguh every element on the page and call element.removeAttribute("style") You can recursivley traverse the dom using javascript, there are plenty of examples of this online.

answered Jul 13, 2012 at 10:25

Jon Taylor

7,9255 gold badges32 silver badges55 bronze badges

Collectives™ on Stack Overflow

Remove all inline style tage from HTML using dom

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related