导航:首页 > 编程语言 > js选择所有li

js选择所有li

发布时间:2024-11-12 00:56:00

1. <ul>标签两层嵌套如何在js中找到第二层<li>标签,不用获取id的方法。两层<li>标签的class是一样的。

如果你只需要获取最里层的第一个 li 的话,可以用document.querySelector(".on > ul >.on")
如果还想获取最里层的所有 li 的话 ,可以用document.querySelectorAll(".on > ul >.on")
,最好是给每个ul 加个类名,选择子元素的时候,就不用写那么多层了。

2. JS如何获取指定DIV下的子元素LI值

1、新建一个html文件,命名为test.html,用于讲解JS如何获取指定DIV下的子元素LI的值。

3. 有一排的li元素,我用js实现鼠标移动到li上,li发生某些变化,但我如果不需要li中的第一个li,怎么把第一

方法一:给这个 li 加个单独的 id 比如 <li id="one"></li>,判断到 id 为 one 时不执行
方法二:用 for 把 li 的个数循环出来,判断是第一个则不执行

4. 用js只获取第一层ul中的第一层的所有li,不影响第二层中的li

先按照你的这个方法获取。然后可以通过判断li的parentNode是不是外层的ul来筛选li

或者可以这么写

varul=document.getElementById('outer');
varn=ul.firstChild.nodeType==1?ul.firstChild:ul.firstChild.nextSibling;
varr=[];
for(;n;n=n.nextSibling){
if(n.nodeType==1){
console.log(n.innerHTML);
r.push(n);
}
};

5. js如何获取被点击li是第几个

1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会弹出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会弹出对应的li标签数值了。

6. js获取li为选中状态下的内容,li可以选择多个

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

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

varmyCont=[];
varlis=document.querySelectorAll('li');
for(vari=0;i<lis.length;i++){
lis[i].i=i;
lis[i].onclick=function(){
varcont=this.innerHTML;
myCont.push(cont);
console.log(myCont);
}
}

希望权可以帮助到你,Jensonhui

The Harder You Work , The Luckier You Will Be .

阅读全文

与js选择所有li相关的资料

热点内容
怎么升级qq群为2000 浏览:347
微信己册除的文件怎样找回来 浏览:715
苹果美国账号共享2017 浏览:252
ps文件修改后打开还是原图 浏览:220
烧卡机苹果4微信qq哪里下载 浏览:780
ug120找不到指定文件 浏览:522
cda文件怎么转换成mp3格式 浏览:702
青岛hpv疫苗在哪个app预约 浏览:881
双十一成交额2021数据在哪里看 浏览:631
苹果手机怎么打开移动数据 浏览:637
文件扫描成图片是彩色的吗 浏览:50
编程里的comply什么意思 浏览:91
电脑上面点了禁用网络怎么改回来 浏览:28
javacatch执行 浏览:182
ps软件文件名字 浏览:184
黑苹果查找文件路径 浏览:397
现在编程都有哪些语言 浏览:360
不用钱编辑pdf文件 浏览:973
c截图源代码 浏览:328
隐藏密码忘记怎么办 浏览:102

友情链接