Learn Prototype
Prototype Resources
Selected Reading
© 2013 TutorialsPoint.COM
|
Prototype match() Method
Advertisements
This method checks if element matches the given CSS selector.
Syntax:
Return Value:
- Returns Boolean value. If it finds a match then it returns a true otherwise false
Example:
<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript"
src="/javascript/prototype.js">
</script>
<script>
function showResult(){
if( $('fruits').match('ul') ){
alert( " $('fruits').match('ul') returns true " );
}else{
alert( " $('fruits').match('ul') returns false " );
}
if( $('mcintosh').match('li#mcintosh.yummy') ){
alert("$('mcintosh').match('li#mcintosh.yummy') returns true");
}else{
alert("$('mcintosh').match('li#mcintosh.yummy') returns false");
}
if( $('fruits').match('p') ){
alert( " $('fruits').match('p') returns true " );
}else{
alert( " $('fruits').match('p') returns false " );
}
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<ul id="fruits">
<li id="apples">
<ul>
<li id="golden-delicious">Golden Delicious</li>
<li id="mutsu" class="yummy">Mutsu</li>
<li id="mcintosh" class="yummy">McIntosh</li>
<li id="ida-red">Ida Red</li>
</ul>
</li>
</ul>
<br />
<input type="button" value="Show Result" onclick="showResult();"/>
</body>
</html>
|
To understand it in better way you can Try it yourself.
Advertisements
|
|
|