This method returns the first child that is an element. This is opposed to firstChild DOM property which will return any node.
element.firstDescendant();
<html> <head> <title>Prototype examples</title> <script type="text/javascript" src="/javascript/prototype.js"> </script> <script> function showResult(){ desc = $('grandfather').firstDescendant(); alert("First Descendant is : " + desc.nodeName + ':' + desc.innerHTML ); child = $('grandfather').firstChild; alert("First Child is : " + child.toString() ); } </script> </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>
To understand it in better way you can Try it yourself.
Advertisement