Get child node index

by

I’ve become fond of using indexOf for this. Because indexOf is on Array.prototype and parent.children is a NodeList, you have to use call(); It’s kind of ugly but it’s a one liner and uses functions that any javascript dev should be familiar with anyhow.

var child = document.getElementById('my_element');
var parent = child.parentNode;
// The equivalent of parent.children.indexOf(child)
var index = Array.prototype.indexOf.call(parent.children, child);

More Related Contents:

  1. How do I set/unset a cookie with jQuery?
  2. Executing elements inserted with .innerHTML
  3. How to stop event propagation with inline onclick attribute?
  4. document.createElement(“script”) synchronously
  5. When does reflow happen in a DOM environment?
  6. Firing event on DOM attribute change
  7. How to expose IFrame’s DOM using jQuery?
  8. How can I simulate a click to an anchor tag?
  9. How To Wrap / Surround Highlighted Text With An Element
  10. Finding line-wraps
  11. How to get the element clicked (for the whole document)?
  12. Easiest way to sort DOM nodes?
  13. How to access component methods from “outside” in ReactJS?
  14. Why is document.all falsy?
  15. How to move an iFrame in the DOM without losing its state?
  16. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  17. How do I serialize a DOM to XML text, using JavaScript, in a cross browser way?
  18. Get the DOM path of the clicked
  19. Console shows error about Content Security policy and lots of failed GET requests
  20. Remove specific HTML tag with its content from javascript string
  21. how to compare two elements in jquery [duplicate]
  22. How do I wrap a text selection from window.getSelection().getRangeAt(0) with an html tag?
  23. forEach method of Node.childNodes?
  24. Get elements from page.evaluate in Puppeteer? [duplicate]
  25. Getting HTML elements by their attribute names
  26. Display DIV at Cursor Position in Textarea [duplicate]
  27. Get immediate first child element
  28. How can I replace one class with another on all elements, using just the DOM?
  29. Is there a way to know if a link/script is still pending or has it failed
  30. How to prevent an iframe from reloading when moving it in the DOM

Leave a Comment