Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
07-03-2011, 01:10 AM #1
- Join Date
- Mar 2010
- Thanked 3 Times in 3 Posts
Check if css property exists with JS
I'm using ccs3PIE with my site. What I want to do is check if a DOM element has a css property like border-radius and then add a class to it.
The problem I'm having is that I don't know how to check for the css property. I've been searching for it for a couple of hours now and I can't find anything that seems to work.
07-03-2011, 08:47 AM #2
- Join Date
- Dec 2010
- Thanked 570 Times in 563 Posts
You can do two things, with specific drawbacks
1. There are the methods getComputedStyle/getPropertyValue. Together they will tell you the current value of a specific CSS property.
BUT: It will always give you a result. This is because all of the CSS properties will have values even if they have not been set explicitly. So you can't tell the difference between border-radius 0 that has been set deliberately and border-radius 0 that has been set by defaultCode:window.getComputedStyle(element, null).getPropertyValue('border-radius');
2. Each element will expose its style attribute/property. So if the border-radius has been set using style="border-radius: ...." in HTML, this will give you the value
BUT: It will only work for inline HTML style attributesCode:var myValue = element.style.borderRadius;