자기 TextNode가 부모님이 보시기에 몇 번째 노드인지 아는 방법.

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

이러한 HTML이 있을 때, node의 구조는 다음과 같다.

이때, 3テキスト２를 입력합니다.몇 번째 노드인지 알고 싶어서 이런 코드를 썼어요.얻으려는 것은 세 번째 노드(0부터 시작하기 때문에 코드는 2)다.

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

고작앞에 있는 노드의 존재만 보세요.