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 Sun, 05 Jul 2009 20:29:13 +0000 http://wordpress.org/?v=2.7.1 hourly 1 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!

]]> By: Mario http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-286289 Mario Wed, 28 May 2008 15:22:50 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-286289 For top and left it returns auto which is not very useful. For top and left it returns auto which is not very useful.

]]> By: Robert Nyman http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-274581 Robert Nyman Fri, 16 May 2008 06:47:25 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-274581 picmauri, No problem at all. I'm glad to hear that it works for you now! picmauri,

No problem at all. I’m glad to hear that it works for you now!

]]> By: picmauri http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-274218 picmauri Thu, 15 May 2008 19:04:47 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-274218 Hi Robert, Now is work fine. The problem was a mismatch on the background-color value....the color value of an element with firefox is expressed with rgb (xxx,xxx,xxx) , while with IE7 the same value is expressed with #xxxxxx. However i had some error with another script. TNX and sorry for my english....I'm from Italy! Hi Robert,
Now is work fine.
The problem was a mismatch on the background-color value….the color value of an element with firefox is expressed with rgb (xxx,xxx,xxx) , while with IE7 the same value is expressed with #xxxxxx. However i had some error with another script.

TNX
and sorry for my english….I’m from Italy!

]]> By: Robert Nyman http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-273817 Robert Nyman Thu, 15 May 2008 08:36:54 +0000 http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/#comment-273817 Picmauri, The script should work in IE 7, so make sure you don't have any other error in there. The commented out line is only there to handle any potential error, so you can alert the value of e, to see what error you get. Picmauri,

The script should work in IE 7, so make sure you don’t have any other error in there. The commented out line is only there to handle any potential error, so you can alert the value of e, to see what error you get.

]]>