Tutorials Point


  Learn Prototype
  Prototype Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

Prototype match() Method


previous next AddThis Social Bookmark Button


Advertisements

This method checks if element matches the given CSS selector.

Syntax:

element.match(selector);

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.



previous next Printer Friendly

Advertisements


  

Advertisements