- Prototype Tutorial
- Prototype - Home
- Prototype - Short Overview
- Prototype - Useful Features
- Prototype - Utility Methods
- Prototype - Element Object
- Prototype - Number Processing
- Prototype - Strings Processing
- Prototype - Array Processing
- Prototype - Hash processing
- Prototype - Basic Object
- Prototype - Templating
- Prototype - Enumerating
- Prototype - Event Handling
- Prototype - Form Management
- Prototype - JSON Support
- Prototype - AJAX Support
- Prototype - Expressing Ranges
- Prototype - Periodical Execution
- Prototype Useful Resources
- Prototype - Quick Guide
- Prototype - Useful Resources
- Prototype - Discussion
Prototype - getStyle() Method
This method returns the given CSS property value of element. Property can be specified in either of its CSS or camelized form.
Thus providing font-size and fontSize are equivalent.
Syntax
element.getStyle( property );
Return Value
Either CSS property value or NULL if it does not find a property set. Internet Explorer returns literal values while other browsers return computed values. Safari returns null for any non-inline property if the element is hidden.
Example
<html> <head> <title>Prototype examples</title> <script type = "text/javascript" src = "/javascript/prototype.js"></script> <script> function showResult() { var str = $('grandfather').getStyle('margin-left'); alert("Element left margin is : " + str ); } </script> <style> #grandfather { font-size: 12px; margin-left: 1em; } </style> </head> <body> <p>Click the button to see the result.</p> <div id = "grandfather">This is grand father <div id = "father"> This is father. <div id = "kid">This is kid</div> </div> </div> <br /> <input type = "button" value = "showResult" onclick = "showResult();"/> </body> </html>
Output
prototype_element_object.htm
Advertisements
To Continue Learning Please Login
Login with Google