Odtnhj

So I have this code:

<div class="follow">
<center>
 <img src="http://img.youtube.com/vi/pXgWFgV2ayM/1.jpg" alt="how to get free robux" title="how to get free robux" class="follower" width="80" border="0"><br><b>Coins</b>: 9<br>
 <a href="p.php?p=youtube&amp;vid=22704" class="followbutton">Watch Video</a>
 <font style="font-size:0.8em;">[<a href="p.php?p=youtube&amp;a=skip&amp;id=22704" style="color: #999999;font-size:0.9em;">skip</a>]</font>
 <span style="position:absolute;bottom:1px;right:2px;"><a href="javascript:void(0);" onclick="report_page('22704','aHR0cDovL3d3dy55b3V0dWJlLmNvbS93YXRjaD92PXBYZ1dGZ1YyYXlN','youtube');"><img src="img/report.png" alt="Report" title="Report" border="0"></a></span>
</center>

And I have this code which selects/clicks the skip button (Line 5) in the code above:

 var elparent = elements[i].parentNode;
 var clicktarget = elparent.querySelector("font a");
 clicktarget.click();
 console.log("sleeping for 3 seconds");

Now I have this code:

<div class="media" id="427731">
<div class="media-left">
 <a href="#">
 <img class="media-object" src="//img.youtube.com/vi/YJy4f_cc-GQ/1.jpg" alt="Hubungan Langgeng">
 </a>
</div>
<div class="media-body">
 <h4 class="media-heading">Points: 9</h4>
 <a href="p.php?p=youtube&amp;vid=427731" class="btn btn-default">Watch</a>
 <a href="p.php?p=youtube&amp;a=skip&amp;id=427731" class="btn btn-danger">Skip</a>
 <a href="javascript:void(0);" class="btn btn-warning" onclick="report_page('427731','Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1ZSnk0Zl9jYy1HUQ==','youtube');">Report</a>
</div>

What code would I use to select/click the Skip button (Line 10) here?

Thank you