js怎么获得li的value

js怎么获得li的value,第1张

documentgetElementById("a")getAttribute("value");//结果为1

documentgetElementById("a")innerHTML;//结果为A

你ID是一样的,用getElementById会默认是为第一个li的结果。

documentgetElementsByName("a");这就是一个集合了,可以通过使用小标分别获取

documentgetElementsByName("a")[0]getAttribute("value");//结果为1

documentgetElementsByName("a")[1]getAttribute("value");//结果为2

var objul=documentgetElementsById(“id”);

var lis=objulgetElementsByTagName("li");

alert("li的数量为:"+lislength);

1 定义一个数组,li绑定点击onclick事件,点击时获取li内容,jq就是val() ,JS就是innerHTML;

2 每点击获取一个就push到数组里;

var myCont = [];

var lis = documentquerySelectorAll('li');

for (var i =0; i<lislength; i++){

    lis[i]i = i;

    lis[i]onclick = function(){

        var cont = thisinnerHTML;

        myContpush(cont);

        consolelog(myCont);

    }

}

希望可以帮助到你,Jensonhui

The Harder You Work , The Luckier You Will Be

代码:

<style type="text/css">

menu{width: 100%;text-align: center;}

menu li{display: inline-block;background: #ccc;padding: 15px 20px;}

current{color: #f3c;}

</style>

<div class="menu">

<ul>

<li><a href="#">menu</a></li>

<li>menu1</li>

<li>menu2</li>

<li>menu3</li>

</ul>

</div>

<script type="text/javascript">

var lilenght = $("menu li")length;//获取li个数

consolelog(lilenght)

if (lilenght > 3) {//判断

$("menu li")addClass("current");//添加你要的类

} else{

consolelog("11111")

}

</script>

希望能帮到您!

获取li里面的 value值,只需通过attr() 方法获取li里面的属性值即可

HTML部分:

<ul id="a">

<li value="11a">111a</li>

<li value="22">22a</li>

<li value="333">33a</li>

<li value="44">44a</li>

</ul>

JS部分:

<script type="text/javascript">

$(function(){

$("#a li")on("click",function(){ //核心代码

var a=$(this)attr("value"); //获取每个li的value值

alert(a);

});

});

</script>

以上就是关于js怎么获得li的value全部的内容,包括:js怎么获得li的value、​js怎么获取id里面li标签总数、js获取li为选中状态下的内容,li可以选择多个等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9609861.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存