Javascript 给定一个元素，找到它'；节点列表中的s索引

当节点列表中有节点列表和DOM元素时，计算节点列表中元素索引的好方法是什么？

将其转换为数组：

var arr = Array.prototype.slice.call(nodeList);

然后在其上使用

indexOf

：

var index = arr.indexOf(element);

---

将其转换为数组：

var arr = Array.prototype.slice.call(nodeList);

然后在其上使用

indexOf

：

var index = arr.indexOf(element);

---

您不需要将

节点列表

转换为使用

indexOf（）

，只需使用

Array.prototype.indexOf.call(nodeList, element)

见下文：

var p=document.getElementById（'3'）
var nodelist=document.getElementsByTagName（'p'）
console.log（Array.prototype.indexOf.call（nodelist，p））

Lorem ipsum dolor sit amet，是一位杰出的献身者。托尔托尔·塞姆（Curabitur tortor sem），埃吉斯塔（egestas id lectus sit amet），比本杜姆（bibendum aliquam nulla）。这是一个伟大的事业，是一个伟大的事业。虎口浮雕和肘部浮雕同侧前庭；Nam bibendum rhoncus ipsum id ultricies。Integer sodales posuere magna，eu vehicula velit vitae调味品。这是一只猫。无妊娠劳里特效应。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。库拉比图尔·卢克图斯（Curabitur luctus ac dui eu placerat）。Nam ornare lorem sapien，位于达比布斯lorem aliquam。奥迪奥的智囊团，发酵剂，消费精英。


Nam ac suscipit massa。在molestie pharetra placerat中。在直径和尺寸上都有特殊要求。曼萨朗卡斯的莫比和莱克托斯。两人坐在怀孕的狮子座上。努克·波苏尔·鲁特鲁姆·尼布。但非sem ac可能有效。如果你是对的，那你就别再胡思乱想了。Donec sapien quam，metus vel的aliquam，euismod porta metus。有效期为一年。阿利夸姆·福西布斯·乌尔特里斯是一个名言。莫比·康瓦利斯·马格纳·奎斯·阿库姆桑权杖。多涅克·波尔塔·塞德·奥奇·佩伦茨克（orci pellentesque），我是普尔文纳·努克·卢克图斯（pulvinar nunc luctus）。


阿利奎姆·埃尼姆·迪亚姆、朗库斯和阿尔库·内克、索达尔·法雷特拉·莫里斯。Morbi sodales finibus magna，以ultrices ut的名义。这是一种新的植物，但不是一种普通的植物。Phasellus dolor ligula，finibus ac ipsum vel，dictum ullamcorper turpis。在密苏里州乌兰科佩尔。阴唇间前庭。维尼那提沼泽地（Phasellus venenatis feugiat turpis eget pretium）。整件布朗迪特·泰勒斯·乌尔纳（Integer blandit tellus urna），是一件效率极高的商品。无缺陷、无缺陷、无缺陷、无缺陷。库拉比图调味品钻石猫，效果令人信服。


虎口浮雕和肘部浮雕同侧前庭；阿利奎姆·马萨·努克、亨德雷特·欧迪奥·内克、尤里西斯·普卢斯。佩伦特斯·厄洛斯·维利特（Perlentesquer eros velit），波尔蒂托·欧莱克特斯·维利特（porttitor eu lectus vel），康瓦利斯·萨吉蒂·托托（convallis sagittis tortor）。临终关怀，奥古斯特·阿尔帕特·因特杜姆，奥迪奥·努拉·奥纳雷·努拉，塞德·卢克图斯·萨皮恩·莱克图斯在同侧。前庭外侧叶拍卖器。腔隙性菱形肌中的中间阿利夸姆。这是利奥·亚库利斯·达皮布斯的作品。


努克·埃吉特·特里斯蒂克·厄洛斯。基本要素、临时前庭、厄洛斯·尼布·马蒂斯·图皮斯、猫科动物的交流品种。自由之路，维韦拉·奎斯·拉西尼亚之路，威尼斯之路。虎口浮雕和肘部浮雕同侧前庭；这是一种不属于精英阶层的生活方式。这是奥古斯·奥古斯·欧尔奇·奥纳雷·康格。悬而未决的封建主义者达皮布斯·布兰迪特。悬浮物是一个直径，但效率低。塞德·波特托·奥纳雷·特里斯蒂克。这是一只猫科动物，它的身体是软的。塞德·马克西穆斯、奥特莱斯·拉西尼亚的多洛、夸姆·塞姆·洛博蒂斯·埃尼姆、欧盟的奥古斯·埃尼姆·韦尔内克。整数表示时间，表示时间。

您不需要将

节点列表转换为使用
索引（）
，只需使用

Array.prototype.indexOf.call(nodeList, element)

见下文：


var p=document.getElementById（'3'）
var nodelist=document.getElementsByTagName（'p'）
console.log（Array.prototype.indexOf.call（nodelist，p））

Lorem ipsum dolor sit amet，是一位杰出的献身者。托尔托尔·塞姆（Curabitur tortor sem），埃吉斯塔（egestas id lectus sit amet），比本杜姆（bibendum aliquam nulla）。这是一个伟大的事业，是一个伟大的事业。虎口浮雕和肘部浮雕同侧前庭；Nam bibendum rhoncus ipsum id ultricies。Integer sodales posuere magna，eu vehicula velit vitae调味品。这是一只猫。无妊娠劳里特效应。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。库拉比图尔·卢克图斯（Curabitur luctus ac dui eu placerat）。Nam ornare lorem sapien，位于达比布斯lorem aliquam。奥迪奥的智囊团，发酵剂，消费精英。


Nam ac suscipit massa。在molestie pharetra placerat中。在直径和尺寸上都有特殊要求。曼萨朗卡斯的莫比和莱克托斯。两人坐在怀孕的狮子座上。努克·波苏尔·鲁特鲁姆·尼布。但非sem ac可能有效。如果你是对的，那你就别再胡思乱想了。Donec sapien quam，metus vel的aliquam，euismod porta metus。有效期为一年。阿利夸姆·福西布斯·乌尔特里斯是一个名言。莫比·康瓦利斯·马格纳·奎斯·阿库姆桑权杖。多涅克·波尔塔·塞德·奥奇·佩伦茨克（orci pellentesque），我是普尔文纳·努克·卢克图斯（pulvinar nunc luctus）。


阿利奎姆·埃尼姆·迪亚姆、朗库斯和阿尔库·内克、索达尔·法雷特拉·莫里斯。Morbi sodales finibus magna，以ultrices ut的名义。这是一种新的植物，但不是一种普通的植物。Phasellus dolor ligula，finibus ac ipsum vel，dictum ullamcorper turpis。在密苏里州乌兰科佩尔。阴唇间前庭。维尼那提沼泽地（Phasellus venenatis feugiat turpis eget pretium）。整件布朗迪特·泰勒斯·乌尔纳（Integer blandit tellus urna），是一件效率极高的商品。无缺陷、无缺陷、无缺陷、无缺陷。库拉比图调味品钻石猫，效果令人信服。


虎口浮雕和肘部浮雕同侧前庭；阿利奎姆·马萨·努克、亨德雷特·欧迪奥·内克、尤里西斯·普卢斯。佩伦茨克