telegra.ph P 요소에 HTML 요소를 추가하는 방법은 무엇입니까?

Question

크롬 확장 프로그램을 구축 중이며 이 텔레그램 페이지에 일부 요소를 추가하고 싶은데 전체 HTML이 아닌 텍스트만 성공적으로 추가되는 것 같습니다.

const span = document.createElement("span");
span.innerHTML = '<span class="xxx">Foo,bar</span>';
const p = document.querySelector("p");
p.appendChild(span);

Answer 1

댓글에서 제안한 대로 실제로 MutationObserver 어떤 코드가 문서 트리의 특정 지점에서 무언가를 변경하려고 하면 실시간으로 DOM이 변경되는 것을 직접 확인했습니다.

돔에서 수신 대기 중인 라이브 MutationObservers 인스턴스를 찾는 표준 방법이 없기 때문에(있는 경우) 객체를 보유하는 변수가 어느 범위에 있는지 찾기 위해 열심히 노력할 수 없다면 body 요소를 바꾸는 것입니다. 복제하면 모든 MutationObserver가 사라집니다.

으아악

이 작업을 완료한 후 돔에 요소를 연결하려고 하면 중단 없이 그에 따라 변경됩니다.

공평하게...

라이브 MutationObserver 인스턴스를 얻는 방법을 찾을 때 스택 오버플로 답변에서 마지막 단서를 찾았거나 이 요구 사항을 해결하기 위한 작업 방법은 무엇입니까?

프로젝트를 참조하지 않고 모든 mutationObserver를 프로젝트에서 제거하는 방법이 있나요?