如何使用javascript选择第二个元素？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用javascript选择第二个元素？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1353字，纯文字阅读大概需要2分钟。

内容图文

使用JavaScript,我如何动态更改下面的列表项之一：

<ul class="tabbernav">
<li class="tabberactive"><a title="All">All</a></li>
<li class=""><a title="One">One</a></li>
<li class=""><a title="Two">Two</a></li>
<li class=""><a title="Three">Three</a></li>
</ul>

至

<ul class="tabbernav">
<li class="tabberactive"><a title="All">All</a></li>
<li class=""><a title="One">One</a></li>
<li class=""><a title="Two">-----------NEW LIST ITEM CHANGED---------</a></li>
<li class=""><a title="Three">Three</a></li>
</ul>

解决方法:

我猜你可以在ul里面使用getElementsByTagName来获取数组中的所有列表项.然后,您可以编辑数组中的第三个元素,索引号为2.

var lItems = document.getElementsByTagName("ul").getElementsByTagName("li");
lItems[2].innerHTML = "<a title='Two'>----NEW LIST ITEM CHANGED-----</a>";

那将在页面上获取所有ul元素,如果你的文档中有两个以上的uls,可能会导致一些奇怪的结果.但是你明白了,对吗？如果你不明白我想说的话,可以再询问一下.

好的,上面的代码并没有真正正常工作.我已经修改了一下我的代码,但是这也改变了你的HTML,因为我认为你只有一个ul“tabbernav”,因此我将它从class =“tabbernav”更改为id =“tabbernav”.这是执行您想要的代码.

var ul = document.getElementById("tabbernav");
var liArray = ul.getElementsByTagName("li");

for (var i = 0; i < liArray.length; i++) {
    if(liArray[i].childNodes[0].title == "Two") {
        liArray[i].innerHTML = "Your desired output";
    }
}

希望能帮助你更多:)

内容总结

以上是互联网集市为您收集整理的如何使用javascript选择第二个元素？全部内容，希望文章能够帮你解决如何使用javascript选择第二个元素？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端