How to disable all inline styling with JavaScript?

Question

Need to disable all inline styling of every DOM elements from a html document.

Saw some solution to override inline styles but i need to clear all inline styling. Also may be done with the code formatting but not interested with that also,

Is there a way to do this with JavaScript.

http://stackoverflow.com/questions/2465158/is-it-possible-to-remove-inline-styles-with-jquery — Rituraj ratan, Oct 17 '13 at 06:12

score 4 · Accepted Answer · answered Oct 17 '13 at 06:10

4

Try

$('*').removeAttr('style');

removeAttr

answered Oct 17 '13 at 06:10

Tushar Gupta - curioustushar

56,454
22
99
107

@mplungjan yeah Tactical.People read it from [here](http://meta.stackexchange.com/questions/17204/six-simple-tips-to-get-stack-overflow-reputation-fast) – Tushar Gupta - curioustushar Oct 17 '13 at 06:18

score 1 · Answer 2 · answered Oct 17 '13 at 06:11

1

Try this code:

$('*').removeAttr( "style" );

answered Oct 17 '13 at 06:11

Rich

5,417
9
36
58

why posted answer exactly as mine ? – Tushar Gupta - curioustushar Oct 17 '13 at 06:11
Nope. Found it on my own. – Rich Oct 17 '13 at 06:14
2

got the same answer early, Thanks anyway. – Sobin Augustine Oct 17 '13 at 06:23

score 1 · Answer 3 · answered Oct 17 '13 at 06:14

1

you could also do:

document.getElementsByTagName("*").removeAttribute("style")

answered Oct 17 '13 at 06:14

Sudhir Bastakoti

97,363
15
155
158

score 1 · Answer 4 · answered Oct 17 '13 at 06:15

1

for single element or group of element

use

$('elementselector').removeAttr('style');

for removing from entire page

use

$(*').removeAttr('style')

hope this helps...

answered Oct 17 '13 at 06:15

C M

674
9
21

score 1 · Answer 5 · answered Oct 17 '13 at 06:16

1

With javascript:

document.getElementsByTagName("*").removeAttribute("style");

With jQuery (my personal choice):

$('*').removeAttr('style');

answered Oct 17 '13 at 06:16

Jai

72,925
12
73
99

score 0 · Answer 6 · answered Oct 17 '13 at 06:15

0

Yes, try

$('*').removeAttr( "style" );

as it will remove style attribute from each element of the page.

answered Oct 17 '13 at 06:15

rahulbehl

2,339
1
11
6

How to disable all inline styling with JavaScript?

6 Answers6