Pemrograman Javascript (Pertemuan 10)

Pemrograman Javascript Pengenalan DOM dan Element Rizki Mufrizal

Rizki Mufrizal Technical Solution Architect Software Engineer https://rizkimufrizal.github.io

Pengenalan DOM (Document Object Model) Ketika sebuah website di load
oleh Browser, maka Browser akan membuat Document Object Model untuk halaman website tersebut DOM dibuat dalam bentuk tree / pohon yang tiap cabang nya berisikan object dari jenis elemen HTML JavaScript memiliki kemampuan untuk memanipulasi DOM, artinya dengan JavaScript, kita bisa mengakses tiap object di DOM bahkan memanipulasi object nya

Diagram DOM

Pengenalan Element Element merupakan Node yang berbentuk element, biasanya adalah
element HTML, misal <html>, <head>, <body>, <div>, <table>, dan lain-lain Element memiliki banyak sekali property contoh nya id, class dan lain - lain

Menggunakan DOM dan Element <!DOCTYPE html> <html lang="en"> <head> <meta
charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <h1 id="title"></h1> <p id="description"></p> <script> const title = document.getElementById("title"); title.textContext = "belajar js DOM"; const description = document.getElementById("description"); description.textContext = "ini contoh deskripsi"; console.info(title.id); console.info(title.className); console.info(title.tagName); </script> </body> </html>

Terima Kasih

Pemrograman Javascript (Pertemuan 10)

Pemrograman Javascript (Pertemuan 10)

rizki mufrizal

More Decks by rizki mufrizal

Other Decks in Programming

Featured

Transcript

Pemrograman Javascript Pengenalan DOM dan Element Rizki Mufrizal

Rizki Mufrizal Technical Solution Architect Software Engineer https://rizkimufrizal.github.io

Pengenalan DOM (Document Object Model) Ketika sebuah website di load

Diagram DOM

Pengenalan Element Element merupakan Node yang berbentuk element, biasanya adalah

Menggunakan DOM dan Element <!DOCTYPE html> <html lang="en"> <head> <meta

Terima Kasih