Question

js怎么获得li的value？

<li id="a" value="1">A</li>
<li id="a" value="2">b</li>
<li id="a" value="3">b</li>
<li id="a" value="4">sd</li>
<li id="a" value="5">2</li>

怎么在js里面获得前4个li的value

Answer 1

document.getElementById("a").getAttribute("value");//结果为1
document.getElementById("a").innerHTML;//结果为A
你ID是一样的，用getElementById会默认是为第一个li的结果。
document.getElementsByName("a");这就是一个集合了，可以通过使用小标分别获取
document.getElementsByName("a")[0].getAttribute("value");//结果为1
document.getElementsByName("a")[1].getAttribute("value");//结果为2

Answer 2

通过ID无法获得所有的value。可以用 name 的属性获得：
<li id="a" value="1" name="a">A</li>
<li id="a" value="2" name="a">b</li>
<li id="a" value="3" name="a">b</li>
<li id="a" value="4" name="a">sd</li>
<li id="a" value="5" name="a">2</li>
<input type=button value="getLiValue" onclick="getlivalue()">
<script>
function getlivalue(){
var li=document.getElementsByName('a')
var livalue=""
if(li){
for(i=0;i<4;i++)
livalue=livalue + "," + li[i].value
alert(livalue)
}
}
</script>

同时不建议使用<li>的value属性。

Answer 3

你可以将所有的li标签都加一个name属性，而且name值也相同，比如：name='aa',然后通过document.getElementsByTagName("aa")取得所有的li数组，再循环这个数组，你爱要前几个都可以。

追问

li没有name属性

Answer 4

拿到li的父标签，然后用hasChildNodes()判断是否有子节点，有的话做循环，想取几个你自己决定用childNodes[]