Getting color parameter value of style attribute for all html element using javascript

Question

I'm working on a iPhone project in which I want to change color theme for a given html template.

I want to get an array with color parameter values of style attribute for all tags.

Is there any efficient way to achieve it?

Note: elements in my template does not have id attribute. Also cannot use jquery as is not supported by iOS webview.

Why would you want to do that instead of applying appropriate CSS? — Jon
– Jon, Commented Nov 13, 2013 at 10:26
It would be far easier to create multiple stylesheet then have the stylesheet switch option - Google stylesheet switcher - tons of examples out there. — user2417483
– user2417483, Commented Nov 13, 2013 at 10:27
Jquerry works when you call it in a proper way, like, <link rel="stylesheet" href="jquery.mobile-1.1.0.min.css" /> <script src="jquery-1.7.2.min.js"></script> <script src="jquery.mobile-1.1.0.min.js"></script> instead of <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" /> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/jquery.mobile-1.1.0.min.js"></script> — Murshid Ahmed
– Murshid Ahmed, Commented Nov 13, 2013 at 10:38

Sridhar R · Accepted Answer · 2013-11-13 10:29:06Z

1

Try This

var colorarr=[];
$("*").each(function(){
    colorArray.push($(this).css('color'));
   });
 console.log(colorArray);

Fiddle

answered Nov 13, 2013 at 10:29

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

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

1 Comment

niks Over a year ago

Thanks Sridhar...can you tell me how to retrieve only those element color value who have color parameter in style attribute i.e for now it is returning rgb(0,0,0) default value for those element which does not have color parameter

SW4 · Accepted Answer · 2013-11-13 10:26:03Z

0

If you use jQuery, this can be achieved thus:

var colorArray=[];
$('body *').each(function(){
    colorArray.push(this.css('color'));
});

answered Nov 13, 2013 at 10:26

SW4

71.5k20 gold badges137 silver badges140 bronze badges

Collectives™ on Stack Overflow

Getting color parameter value of style attribute for all html element using javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related