Get element CSS selector using JS

getCssSelector.js

// ref: https://stackoverflow.com/a/57503796/4158755
// Thanks to Yassine!

function getCssSelector(el) {
  const names = []

  do {
    let index = 0
    let cursorElement = el

    while (cursorElement !== null) {
      ++index
      cursorElement = cursorElement.previousElementSibling
    }

    names.unshift(el.tagName + ':nth-child(' + index + ')')
    el = el.parentElement
  } while (el !== null)

  return names.join(' > ')
}