Is it possible to get element’s numerical index in its parent node without looping?

by 
function getChildIndex(node) {
  return Array.prototype.indexOf.call(node.parentNode.childNodes, node);
}

This seems to work in Opera 11, Firefox 4, Chromium 10. Other browsers untested. It will throw TypeError if node has no parent (add a check for node.parentNode !== undefined if you care about that case).

Of course, Array.prototype.indexOf does still loop, just within the function call. It’s impossible to do this without looping.

Note: If you want to obtain the index of a child Element, you can modify the function above by changing childNodes to children.

function getChildElementIndex(node) {
  return Array.prototype.indexOf.call(node.parentNode.children, node);
}

More Related Contents:

  1. How to find event listeners on a DOM node in JavaScript or in debugging?
  2. Is there a spec that the id of elements should be made global variable?
  3. Check if an element contains a class in JavaScript?
  4. How do you check if a JavaScript Object is a DOM Object?
  5. Chrome extension – retrieving global variable from webpage
  6. innerText vs innerHTML vs label vs text vs textContent vs outerText
  7. Why is the value of my input always empty if I store it in a variable?
  8. How to convert a DOM node list to an array in Javascript?
  9. Using this inside an event handler
  10. How to scroll down with Phantomjs to load dynamic content
  11. Set custom attribute using JavaScript
  12. Difference between Element.value and Element.getAttribute(“value”)
  13. How to access HTML element without ID?
  14. Native JS equivalent to jQuery delegation
  15. Are event handlers in JavaScript called in order?
  16. HTML DOM: Which events do not bubble?
  17. scrollIntoView Scrolls just too far
  18. Focus Input Box On Load
  19. In JavaScript, what is the best way to convert a NodeList to an array?
  20. How to avoid no-param-reassign when setting a property on a DOM object
  21. How to clone or re-dispatch DOM events?
  22. Is there a way to determine if a dropdown menu is open?
  23. Is there any way of passing additional data via custom events?
  24. What damage is done by document.write()? [duplicate]
  25. Javascript DOM: Setting custom DOM element properties
  26. How can I remove wrapper (parent element) without removing the child?
  27. JavaScript: get the current executing node? [duplicate]
  28. How do I find the DOM node that is at a given (X,Y) position? (Hit test)
  29. Dynamically generated table – using an array to fill in TD values
  30. Why is iframe.contentWindow == null?

Leave a Comment