如何获得html元素的id值？

Question

<ul class="test">
<li id="1" class="li_default">基本</li>
<li id="2" class="li_default">库存</li>
<li id="3" class="li_default">生产</li>
<li id="4" class="li_default">成本</li>
</ul>比如我要获得li的id值，应该如何写js。谢谢。

Answer 1

<ul class="test">
<li id="1" class="li_default">基本</li>
<li id="2" class="li_default">库存</li>
<li id="3" class="li_default">生产</li>
<li id="4" class="li_default">成本</li>
</ul>
<script>
o = document.getElementsByTagName("li");
for(c=0;c<o.length;c++)
{
alert(o[c].id);
}
</script>

Answer 2

<script defer>
var objLi = document.getElementById("U");
objLi.onclick=function (){
    var son = objLi.childNodes;
    for(var i=0; i<son.length; i++)
    {
      if(son[i].nodeType==1) alert (son[i].id);
    }
}
</script>
<ul class="test" id="U">
<li id="1" class="li_default">基本</li>
<li id="2" class="li_default">库存</li>
<li id="3" class="li_default">生产</li>
<li id="4" class="li_default">成本</li>
</ul>

Answer 3

<script>
var coll = document.getElementsByTagName("li");
alert(coll);
for(int i=0;i<coll.length;i++)
{
alert(coll[i].id);
}
</script>