>  Q&A  >  본문

두 개의 HTML 텍스트를 비교하고 차이점을 표시하세요.

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

으아아아

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

으아아아

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

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

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

코드샌드박스

P粉478445671P粉478445671377일 전431

모든 응답(1)나는 대답할 것이다

  • P粉677573079

    P粉6775730792023-09-11 13:45:31

    해결했어요! 이 코드를 사용하고 싶은 사람은 다음 부분을 전환하세요:

    으아악

    이것에:

    으아악

    여기서 a와 b는 두 개의 HTML 텍스트입니다: a(첫 번째), b(변경)

    여기에서 새 코드를 사용해 볼 수 있습니다. CodeSandbox가 해결되었습니다!

    회신하다
    0
  • 취소회신하다