JS Merubah Semua Kode "p" Yang Ada di Dalam Tag "blockquote" Menjadi "div" Secara Otomatif

Berikut ini merupakan contoh kasus yang akan kita buat.

<blockquote>

    <p>Hello</p>

</blockquote> 

Akan otomatis berubah menjadi. 

<blockquote>

    <div>Hello</div>

</blockquote>

Berikut adalah contoh kode JavaScript yang dapat digunakan untuk mengubah semua elemen <p> yang ada di dalam tag <blockquote> menjadi <div> secara otomatis:

document.addEventListener('DOMContentLoaded', function() {

    // Mendapatkan semua elemen <blockquote>

    const blockquotes = document.querySelectorAll('blockquote');

    

    blockquotes.forEach(blockquote => {

        // Mendapatkan semua elemen <p> di dalam <blockquote>

        const paragraphs = blockquote.querySelectorAll('p');

        

        paragraphs.forEach(paragraph => {

            // Membuat elemen <div> baru

            const div = document.createElement('div');

            // Memindahkan semua konten dari <p> ke <div>

            div.innerHTML = paragraph.innerHTML;

            // Mengganti <p> dengan <div>

            paragraph.parentNode.replaceChild(div, paragraph);

        });

    });

});

Simpan kode ini di dalam file JavaScript Anda dan pastikan untuk memuat file ini setelah dokumen HTML selesai dimuat. Anda bisa menambahkan script ini di bagian bawah body atau menggunakan event DOMContentLoaded seperti yang ditunjukkan di atas.