如何使用javascript在UL中获取li first href

每个人我都想在li中获得所有first href元素，我只想在javascript中获得它

 <div id="cataloge">
 <ul id="catalog-items" class="product-items"> 
  <li id="OS389HL91QJCLMX" class="product-item >
  <a id="1:OS389HL91QJCLMX"  href="/piezas-y-Sala-4-piezas%29.-116508.html">link1
  <ul><li>some data</li><li>some data</li><li>some data</li></ul>
  </a>
  </li>
  <li id="OS389HL91QJCLMX" class="product-item >
  <a id="1:OS389HL91QJCLMX"  href="/piezas-y-Sala-4-piezas%29.-116508.html">link1
  <ul><li>some data</li><li>some data</li><li>some data</li></ul>
  </a>
  </li>
  <li id="OS389HL91QJCLMX" class="product-item >
  <a id="1:OS389HL91QJCLMX"  href="/piezas-y-Sala-4-piezas%29.-116508.html">link1
  <ul><li>some data</li><li>some data</li><li>some data</li></ul>
  </a>
  </li>
 </ul>
 <div>

在其他标记关注点中，
.push（）
用于数组，而不是字符串

使用
var chethan1=[]而不是
var chethan1=“”

请参见：

关闭字符串，使用上面的新数组。结果不是空的。
请提供一个。
id
s应该是唯一的，您有多个元素具有相同的
id
.ya..id是不同的和动态的，为了显示一个示例，我刚刚复制并粘贴了它…我不想使用id引用。我只想使用classname“product item”；class:class=“product item>之后没有关闭引号。关闭它，然后在推送不起作用时使用new Array（）跟随下面的命令。或者更好，
var chetan1=[]
我不同意。标记已修复并用空数组替换字符串：是..我也同意。我将检查我的源代码并检查..非常感谢。@Derekschlesselmanys它正在工作…非常感谢..非常感谢。我将检查我的源代码。再次感谢。你的小提琴中有两个未关闭的字符串。感谢Derek，他抓到了推（）。
  var lists = document.getElementById("catalog-items");
  var items = lists.getElementsByTagName("li");
  var chethan1="";
  for (var i = 0; i < items.length; i++)
  { 
   if(typeof items[i]!="undefined" && items[i]!="" && items[i].className=="product-item")
   {
    chethan1.push(items[i]);
   }
  }

  console.log(chethan1);
  [empty]

  var chethan1= new Array();