- 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 - hasClassName() Method
This method checks whether element has the given CSS className.
Syntax
element.hasClassName( className );
Return Value
If element hast the given class name then it returns true, otherwise false.
Example
<html> <head> <title>Prototype examples</title> <script type = "text/javascript" src = "/javascript/prototype.js"></script> <script> function showResult() { if( $('grandfather').hasClassName("test") ) { alert("Grandfather has CSS test class."); } if( $('father').hasClassName("test") ) { alert("Father has CSS test class."); } if( $('kid').hasClassName("test") ) { alert("Kid has CSS test class."); } } </script> <style> .test { font-size: 12px; margin-left: 1em; } </style> </head> <body> <p>Click the button to see the result.</p> <div id = "grandfather" class = "test">This is grand father <div id = "father"> This is father. <div id = "kid" class = "test">This is kid</div> </div> </div> <br /> <input type = "button" value = "showResult" onclick = "showResult();"/> </body> </html>
Output
prototype_element_object.htm
Advertisements