Copyright © tutorialspoint.com

Prototype match() Method

previous next


Advertisements

This method checks if element matches the given CSS selector.

Syntax:

element.match(selector);

Return Value:

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

Copyright © tutorialspoint.com