Bagaimanakah Saya Menambah Peristiwa Muatan dengan Betul ke Elemen Div dalam JavaScript?

Memahami Acara Onload untuk Elemen div

Apabila cuba menambah acara onload pada elemen div, salah tanggapan yang biasa adalah menggunakan atribut HTML seperti "onload="oQuickReply .swap();"". Walau bagaimanapun, ini adalah pendekatan yang salah. Artikel ini akan meneroka cara yang betul untuk menambah acara onload pada elemen div.

Mengapa Atribut onload HTML Tidak Berfungsi

Atribut onload tidak direka bentuk untuk digunakan dengan elemen HTML selain daripada unsur. Menggunakannya dengan elemen div tidak akan mencetuskan acara yang dimaksudkan apabila halaman dimuatkan.

Pendekatan Alternatif

Daripada bergantung pada atribut HTML onload, anda boleh menggunakan JavaScript untuk melampirkan pendengar acara pada elemen div. Berikut ialah beberapa kaedah biasa:

1. Panggilan Fungsi Langsung Selepas Elemen:

   Letakkan panggilan fungsi anda sejurus selepas elemen div.

   <div>

2. Pendengar Acara dalam Skrip Teg:

   Buat teg skrip yang berasingan dan tambahkan pendengar acara di dalamnya.

   <script type="text/javascript">
      document.getElementById('somid').addEventListener('load', function() {
         oQuickReply.swap('somid');
      });
   </script>

3. Pendengar Acara dengan QuerySelectorAll:

   Gunakan pengecam elemen yang lebih selektif dan lampirkan pendengar menggunakan querySelector() kaedah.

   <script type="text/javascript">
      document.querySelectorAll('div[id="somid"]').forEach(function(el) {
         el.addEventListener('load', function() {
            oQuickReply.swap('somid');
         });
      });
   </script>

Dengan menggunakan pendekatan alternatif ini, anda boleh menambahkan peristiwa onload secara berkesan pada elemen div dan melaksanakan tindakan yang diingini apabila elemen dimuatkan sepenuhnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Menambah Peristiwa Muatan dengan Betul ke Elemen Div dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!