DOM dalam JavaScript

Model Objek Dokumen (DOM)

DOM API ialah antara muka pengaturcaraan untuk dokumen web. Ia mewakili halaman supaya program boleh menukar struktur, gaya dan kandungan dokumen.

DOM mewakili dokumen sebagai pokok objek; setiap objek mewakili bahagian halaman.

Operasi DOM dalam JavaScript

Apabila melaksanakan DOM dalam JavaScript, kami boleh mempertimbangkan pengetahuan asas berikut;

querySelector
1. : Ini ialah pemilih yang tamak. Ia memilih elemen pertama yang ditentukan.

Contohnya:

querySelector("h1")

Ini akan mencari elemen h1 pertama dalam keseluruhan dokumen HTML

querySelectorAll
2. : Ini akan menyasarkan semua elemen h3 dalam dokumen HTML.

Contohnya:

querySelectorAll("h3")

Ini akan dikeluarkan sebagai senarai nod dalam konsol.

Nota

: Senarai nod kelihatan seperti tatasusunan, tetapi terdapat perbezaan yang besar

Senarai nod ialah API penyemak imbas dan tatasusunan ialah API JavaScript. Ringkasnya, senarai nod tidak termasuk dalam JavaScript, jadi gelung tidak boleh dilaksanakan padanya.

Selain itu,

dan

bukan kaedah JavaScript, tetapi API penyemak imbas. getElementbyTagName() querySelectorAll

innerHTML dan innerTeks

Adalah disyorkan untuk menggunakan innerHTML dan bukannya innerText kerana ini akan menyekat orang lain daripada mengubah suai skrip anda.

Kaedah untuk meletakkan elemen

Kami mempunyai banyak cara untuk mencari atau memilih elemen untuk dikendalikan dalam dokumen.

Kaedah ini termasuk:

Dengan ID dengan nama mengikut kelas dengan tag Dengan nama tag

Nota

: Kami tidak pernah menggunakan ID dan Kelas untuk memilih apa-apa daripada penyemak imbas.

Oleh itu, kami menggunakan

.

querySelector

Konsep utama dalam JavaScript.

a)

Mengangkat

: Mari kita gunakan contoh untuk menggambarkan perkara ini,

Contohnya:

console.log(a);

1. var a;
2. a = 5;
3. console.log(a);

Apabila dilaksanakan dalam konsol, pada baris 1 akan dikeluarkan sebagai

tidak ditentukan

.

Ini bermakna walaupun kami tidak mengisytiharkan secara eksplisit pada mulanya, ia "secara ajaib" diisytiharkan dalam penyemak imbas, yang dipanggil angkat.

Biasanya, untuk baris 4, output akan menjadi 5 kerana a telah dimulakan secara eksplisit.

b)

Penutupan

: Penutupan dibuat setiap kali fungsi dicipta.

c) Konteks Pelaksanaan Global : Konteks pelaksanaan global ialah persekitaran di mana kod JavaScript dijalankan apabila tiada dalam mana-mana fungsi.

d) Timbunan Panggilan: Apabila skrip memanggil fungsi, jurubahasa menambahkannya pada tindanan dan mula melaksanakan fungsi tersebut.

Pautan GitHub saya LinkedIn

Atas ialah kandungan terperinci DOM dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!