自身の TextNode が親から見て何番目の Node なのかを知る方法

<p>テキスト１<strong>強調１</strong>テキスト２</p>

こんな HTML があった時、node の構造としては以下のようになっています。

この時、テキスト２ となっている TextNode が p から見たときに何番目の Node なのを知りたくなったので、こんな感じのコードを書きました。取得したいのは３番目の Node ということです（0 始まりなのでコード的には 2）。

const sel = window.getSelection()
const range = sel.getRangeAt(0)
let targetNode = range.startContainer
let i = 0
while ((targetNode = targetNode.previousSibling) !== null) {
  i++
}

単に previousSibling で前の node を存在するまで見ていくだけ。