js怎么获得li的value？

最新推荐文章于 2023-10-26 14:03:34 发布

weixin_30881367

最新推荐文章于 2023-10-26 14:03:34 发布

阅读量79

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/it-xiaoJiang/p/5734308.html

本文介绍了如何使用JavaScript来获取HTML中LI元素的value属性值。通过document.getElementById与document.getElementsByName方法的区别进行详细说明，并给出了具体的代码示例。

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>

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

转载于:https://www.cnblogs.com/it-xiaoJiang/p/5734308.html