tugas DKV kelas xi dkv Rabu 10 September

Catat dan pahami lah materi berikut....


Pengertian DOM: Fungsi & Cara Kerjanya pada Javascript.


Dom Adalah - DOM (Document Object Model) adalah konsep fundamental dalam pengembangan web. DOM Adalah struktur data berbentuk pohon (tree) yang memetakan setiap elemen HTML sebagai objek-objek dalam dokumen. Menurut Wikipedia, DOM bersifat lintas platform dan independen bahasa pemrograman, sehingga skrip atau program dari berbagai bahasa dapat mengakses dan memanipulasi elemen halaman. Dengan DOM, elemen HTML seperti paragraf, gambar, atau tombol diubah menjadi objek JavaScript yang dapat diakses dan dimodifikasi. Ini berarti DOM Adalah jembatan antara kode JavaScript dan tampilan halaman web: ia menyediakan model dokumen yang memungkinkan program mengubah struktur, konten, dan gaya halaman tanpa perlu me-refresh seluruh halaman.

Secara garis besar, ketika browser memuat suatu halaman web, ia akan membaca kode HTML dan membangun DOM Tree di memori. Setiap tag HTML diubah menjadi node dalam struktur pohon ini. Setelah DOM terbentuk, JavaScript dapat langsung berinteraksi dengan node-node tersebut. Misalnya, perintah document.getElementById("header") akan menghasilkan objek yang mewakili elemen dengan id="header". Kemudian properti seperti innerText, innerHTML, atau metode seperti appendChild dapat digunakan untuk mengubah teks, atribut, atau menambah elemen baru secara dinamis. Karena DOM bekerja secara real-time, setiap perubahan yang dilakukan oleh JavaScript langsung terlihat di halaman tanpa perlu reload. Inilah yang membuat web modern menjadi interaktif dan responsif.


Cara Kerja DOM

Cara kerja DOM adalah dimulai saat browser mengurai (parsing) dokumen HTML ke dalam sebuah model objek. Ketika halaman web dimuat, browser akan membaca tag HTML dan membentuk DOM Tree. Setiap elemen seperti <div>, <span>, <p>, <button>, dan sebagainya menjadi sebuah node yang saling berhubungan sesuai dengan hierarki di dokumen. Sebagai contoh, <html> adalah node akar (root), di dalamnya terdapat <head> dan <body> sebagai node turunan, dan seterusnya hingga elemen teks di dalamnya.

Setelah pohon DOM ini terbentuk, JavaScript dapat berinteraksi dengan node-node tersebut. 


https://codepolitan.com/blog/mengenal-pengertian-dom-adalah-fungsi-cara-kerjanya




Komentar

Posting Komentar

Postingan populer dari blog ini

Formulir Pendaftaran Beasiswa

  <html lang="id"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Formulir Pendaftaran Beasiswa</title>     </head> <body>     <header>         <h1>Formulir Pendaftaran Beasiswa</h1>         <p>Harap isi semua kolom dengan informasi yang akurat dan lengkap.</p>     </header>     <hr />     <form action="/submit-beasiswa" method="post">         <section>             <h2>📝 Informasi Pribadi</h2>                          <div>                 <label for="nama_lengkap">Nama Lengkap:</label...
Baca selengkapnya

Materi kelas X Selasa 19/8/2025

Gambar
 les 7,8,9,10 kelas x Contoh Algoritma dalam Kehidupan Sehari-hari: Resep masakan: Resep adalah contoh algoritma dalam memasak, yang memberikan langkah-langkah terperinci untuk membuat hidangan. Petunjuk arah: Petunjuk arah dari satu tempat ke tempat lain adalah contoh algoritma dalam navigasi, yang memberikan langkah-langkah untuk mencapai tujuan. Tata cara penggunaan alat: Petunjuk penggunaan alat elektronik atau mesin adalah contoh algoritma dalam interaksi manusia-mesin.   Contoh Algoritma dalam Komputer: Pengurutan data: Algoritma pengurutan digunakan untuk mengurutkan data dalam urutan tertentu, seperti mengurutkan angka dari terkecil ke terbesar.   Pencarian data: Algoritma pencarian digunakan untuk menemukan data tertentu dalam kumpulan data yang besar.   Perhitungan matematika: Algoritma digunakan untuk melakukan perhitungan matematika, seperti penjumlahan, pengurangan, perkalian, dan pembagian.   Jenis-jenis Algoritma: Algoritma Rekursif:   Algori...
Baca selengkapnya