title: Javascript slice() is not a function with my list of li elements
body: <p>How can I transform the following jquery to javascript?</p>
  
  <pre><code>iElement.children('li')
  .css({ "background": "#DDD" })
  .slice(0, 1)
  .css({ "background": c.col });
  </code></pre>
  
  <p><code>IElement.children('li')</code> returns the following:</p>
  
  <pre><code> [li.point, li.point, li.point, li.point, li.point]
  </code></pre>
  
  <p>where <code>iElement</code> is a <code>ul</code>.</p>
  
  <p>The problem comes in with the <code>slice()</code>.  iElement is an array of objects but I get an error saying that <code>whatever.slice()</code> is not a function</p>
  
  <p>I am trying to write a password strength directive for my angularjs app.</p>