Bagaimana untuk menambahkan elemen HTML pada elemen P telegra.ph?

Question

Saya sedang membina sambungan krom dan saya ingin menambahkan beberapa elemen pada halaman telegram ini dan nampaknya hanya teks yang berjaya dilampirkan dan bukan keseluruhan HTML.

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

Answer 1

Seperti yang dicadangkan dalam ulasan, saya mengesahkan diri saya bahawa sebenarnya ada MutationObserver Apabila sesetengah kod cuba mengubah sesuatu pada titik tertentu dalam pepohon dokumen, ia menukar dom dalam masa nyata.

Oleh kerana tiada cara standard untuk mencari instance MutationObservers secara langsung mendengar di dom (jika ada), melainkan anda boleh bekerja keras untuk mencari dalam skop mana pembolehubah yang memegang objek adalah cara terpantas adalah untuk menggantikan elemen badan dengan klonnya, Semua Pemerhati Mutasi akan hilang.

document.body = document.body.cloneNode(true);

Sebaik sahaja anda melakukan ini, apabila anda cuba melampirkan elemen pada dom, ia akan berubah dengan sewajarnya tanpa gangguan.

Untuk berlaku adil...

Menemui petunjuk terakhir dalam jawapan Stack Overflow apabila mencari cara mendapatkan instance MutationObserver secara langsung atau apakah kaedah kerja untuk menyelesaikan keperluan ini?

Adakah terdapat cara untuk mengalih keluar semua MutationObservers daripada projek tanpa merujuknya?