두 HTML 텍스트의 차이점을 표시하고 싶고 해결책을 찾았습니다. 모든 것이 예상대로 작동합니다(삭제된 파일은 클래스 이름 "del"을 받고, 삽입된 텍스트는 클래스 이름 "ins" 및 관련 스타일을 받습니다). 단 한 가지가 잘못되었습니다. 어떤 이유로 텍스트가 잘못된 위치에 표시되었습니다.

내가 작성한 코드를 호출하세요:

a는 첫 번째 HTML이고, b는 변경된 HTML입니다(문자열화되지 않음)

진행 방법에 대한 아이디어가 있나요? 도와주셔서 감사합니다!

오류가 "create_index" 함수 내부 어딘가에 있는 것으로 알고 있습니다. 텍스트 길이를 계산한 다음 이를 텍스트 길이와 비교하기 때문에 각 태그/단어는 하나로 계산됩니다.

코드샌드박스