Comments on: Get the rendered style of an element http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ Web development and Internet trends Sat, 20 Mar 2010 05:17:00 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Ghislain http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-616577 Ghislain Mon, 04 Jan 2010 15:21:24 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-616577 Wow great ! I was looking for this regexpr for a while and I didn't know it was possible to use an anonymous function to process the found string. good work ! Wow great !
I was looking for this regexpr for a while and I didn’t know it was possible to use an anonymous function to process the found string. good work !

]]> By: Robert Nyman http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-613292 Robert Nyman Mon, 07 Dec 2009 09:33:40 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-613292 damvaz, There's no short solution to show the code here, but yes, just looping over style properties would do. Alternatively, you could use the <a href="https://addons.mozilla.org/en-US/firefox/addon/9641?src=reco" rel="nofollow">Inline Code Finder Firefox extension</a>. damvaz,

There’s no short solution to show the code here, but yes, just looping over style properties would do.
Alternatively, you could use the Inline Code Finder Firefox extension.

]]> By: damvaz http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-613250 damvaz Mon, 07 Dec 2009 00:57:35 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-613250 hi! How do I read all the css properties of an element? (so then reapplied to the page) css properties that were defined in a "style" of course. In other words, I want a function to reset the page after I've changed some way of using the DOM element. Thank you. PS: I suppose it should work with nested loops. hi!
How do I read all the css properties of an element?
(so then reapplied to the page)
css properties that were defined in a “style” of course.

In other words, I want a function to reset the page after I’ve changed some way of using the DOM element. Thank you.

PS: I suppose it should work with nested loops.

]]> By: ??????? » [Web] ???? http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-611547 ??????? » [Web] ???? Wed, 25 Nov 2009 02:44:14 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-611547 [...] Get the rendered style of an element [...] [...] Get the rendered style of an element [...]

]]> By: '+' http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-592699 '+' Wed, 01 Jul 2009 15:09:17 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-592699 [...] Robert Nyman [...] [...] Robert Nyman [...]

]]> By: Robert Nyman http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-484363 Robert Nyman Fri, 12 Dec 2008 14:30:29 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-484363 Leto 58, Unfortunately, not out of the box. Most JavaScript libraries struggle with this too, but some of them have nice solutions. If you don't want that, testing the code recursively is, as far as I know, the only option. Leto 58,

Unfortunately, not out of the box. Most JavaScript libraries struggle with this too, but some of them have nice solutions. If you don’t want that, testing the code recursively is, as far as I know, the only option.

]]> By: Leto 58 http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-484351 Leto 58 Fri, 12 Dec 2008 13:43:03 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-484351 Hi, Your function works as expected, but when I use it to test visibility of some elements for example, it returns "inherit", while I expect a useful value. What I would call a "rendered style" for visibility is either "visible" or "hidden", and surely not "inherit". :-) Is there any smart function to get the "actual rendered style", or must I test each parent recursively until I find one that has not "inherit" for the given style ? God job anyway Regards, Leto Hi,
Your function works as expected, but when I use it to test visibility of some elements for example, it returns “inherit”, while I expect a useful value.
What I would call a “rendered style” for visibility is either “visible” or “hidden”, and surely not “inherit”. :-)

Is there any smart function to get the “actual rendered style”, or must I test each parent recursively until I find one that has not “inherit” for the given style ?

God job anyway
Regards,
Leto

]]> By: Gerardo http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-480269 Gerardo Thu, 27 Nov 2008 04:32:37 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-480269 I had to use the getter to get the style, getPropertyValue returned an empty string: <code>str = "strValue = document.defaultView.getComputedStyle(oElm, '')."+strCssRule; eval(str);</code> This happend on Firefox 3 under Ubuntu. Found this code very useful. I had to use the getter to get the style, getPropertyValue returned an empty string:

str = "strValue = document.defaultView.getComputedStyle(oElm, '')."+strCssRule;
eval(str);

This happend on Firefox 3 under Ubuntu.

Found this code very useful.

]]> By: Javascript: obtener estilos tal cual son mostrados | Webelop http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-480268 Javascript: obtener estilos tal cual son mostrados | Webelop Thu, 27 Nov 2008 04:27:09 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-480268 [...] el blog de Robert Nyman encuentro el siguiente [...] [...] el blog de Robert Nyman encuentro el siguiente [...]

]]> By: Robert Nyman http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-477774 Robert Nyman Fri, 21 Nov 2008 09:04:32 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-477774 Rik, Check if you get any JavaScript errors, and see what it states. Rik,

Check if you get any JavaScript errors, and see what it states.

]]> By: Rik http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-477531 Rik Fri, 21 Nov 2008 00:07:36 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-477531 I can't get this to work in Firefox 3 but all I've done is copied and pasted the code. I've put an alert in at the beginning and end of the function and I get the first one but not the second one. Any ideas? I can’t get this to work in Firefox 3 but all I’ve done is copied and pasted the code. I’ve put an alert in at the beginning and end of the function and I get the first one but not the second one. Any ideas?

]]> By: Geeks and tricks » Blog Archive » Obtener el estilo de una CSS externa con JavaScript http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-468180 Geeks and tricks » Blog Archive » Obtener el estilo de una CSS externa con JavaScript Thu, 30 Oct 2008 11:31:58 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-468180 [...] aquellos que quieran hacer modificaciones al estilo de su página de esta forma, la entrada original con el método adjunto en un fichero está en el blog de Robert [...] [...] aquellos que quieran hacer modificaciones al estilo de su página de esta forma, la entrada original con el método adjunto en un fichero está en el blog de Robert [...]

]]> By: Ariden http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-465855 Ariden Sat, 18 Oct 2008 17:16:06 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-465855 Thanks for this tuto, this is exactly what I needed. Good continuation Thanks for this tuto, this is exactly what I needed.

Good continuation

]]> By: HTML y DOM, AJAX, ventics.com Ventics http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-412859 HTML y DOM, AJAX, ventics.com Ventics Tue, 09 Sep 2008 14:09:24 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-412859 [...] A continuación se muestra una función compatible con todos los navegadores, creada por el programador Robert Nyman y publicada en su blog personal: [...] [...] A continuación se muestra una función compatible con todos los navegadores, creada por el programador Robert Nyman y publicada en su blog personal: [...]

]]> By: Ryan Rampersad http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-372998 Ryan Rampersad Thu, 14 Aug 2008 05:52:14 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-372998 Thank you! element.style.height didn't work out for me and this helps! Thanks! Thank you! element.style.height didn’t work out for me and this helps! Thanks!

]]> By: July 24 Updated>> Keeping us Aware of the Traps of Bill-C61 - Wiihacks - Nintendo Wii Hacks Community http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-351525 July 24 Updated>> Keeping us Aware of the Traps of Bill-C61 - Wiihacks - Nintendo Wii Hacks Community Thu, 24 Jul 2008 15:21:17 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-351525 [...] Geist's Blog /* Gets the rendered style of an element. * Credit and thanks to: Robert's Talk * Get the rendered style of an element - Robert’s talk - Web development and Internet trends * * Example usage: getStyle(document.getElementById("container"), "font-size"); */ function [...] [...] Geist’s Blog /* Gets the rendered style of an element. * Credit and thanks to: Robert’s Talk * Get the rendered style of an element – Robert’s talk – Web development and Internet trends * * Example usage: getStyle(document.getElementById(“container”), “font-size”); */ function [...]

]]> By: Keeping us Aware of the Traps of Bill-C61 - Wiihacks - Nintendo Wii Hacks Community http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-332003 Keeping us Aware of the Traps of Bill-C61 - Wiihacks - Nintendo Wii Hacks Community Mon, 07 Jul 2008 19:26:00 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-332003 [...] July 07, 2008 /* Gets the rendered style of an element. * Credit and thanks to: Robert's Talk * Get the rendered style of an element - Robert’s talk - Web development and Internet trends * * Example usage: getStyle(document.getElementById("container"), "font-size"); */ function [...] [...] July 07, 2008 /* Gets the rendered style of an element. * Credit and thanks to: Robert’s Talk * Get the rendered style of an element – Robert’s talk – Web development and Internet trends * * Example usage: getStyle(document.getElementById(“container”), “font-size”); */ function [...]

]]> By: Troy III http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-307892 Troy III Wed, 18 Jun 2008 15:15:25 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-307892 Reading this and that and those and what not, I come to one and only conclusion that is growing stronger and stronger everyday more. That IE is a Browser - FX is a ridicule - while W3C is a godamn Dogma. Reading this and that and those and what not, I come to one and only conclusion that is growing stronger and stronger everyday more.

That IE is a Browser – FX is a ridicule – while W3C is a godamn Dogma.

]]> By: Gunnar http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-288408 Gunnar Fri, 30 May 2008 13:55:50 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-288408 You saved my day! You saved my day!

]]> By: Andy http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-287484 Andy Thu, 29 May 2008 17:32:14 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-287484 Wow, this is an awesome tip! Thanks, that helped me solve a huge problem that I had been trying to figure out for a while, thanks! Wow, this is an awesome tip! Thanks, that helped me solve a huge problem that I had been trying to figure out for a while, thanks!

]]>