Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

HTML DOM Document Object Model. Pendahuluan HTML DOM mendefinisikan cara untuk memanipulasi dan mengakses HTML Document. 02/09/20142By : Suwondo, S.Kom.

Presentasi serupa


Presentasi berjudul: "HTML DOM Document Object Model. Pendahuluan HTML DOM mendefinisikan cara untuk memanipulasi dan mengakses HTML Document. 02/09/20142By : Suwondo, S.Kom."— Transcript presentasi:

1 HTML DOM Document Object Model

2 Pendahuluan HTML DOM mendefinisikan cara untuk memanipulasi dan mengakses HTML Document. 02/09/20142By : Suwondo, S.Kom

3 DOM Node Menurut DOM, segala sesuatu dalam sebuah dokumen HTMLadalah sebuah node. DOM mengatakan: o Seluruh dokumen adalah node dokumen o Setiap elemen HTML adalah node elemen o Teks dalam elemen HTML adalah node teks o Setiap atribut HTML adalah atribut node o Komentar node komentar DOM Tutorial DOM Lesson one Hello world! Root Node adalah mempunyai dua anak node yaitu dan mempunyai node dan mempunyai dan node. Isi text yang ada pada node atau dapat diakses dengan value atau innerHTML. 02/09/2014By : Suwondo, S.Kom3

4 DOM Method 02/09/2014By : Suwondo, S.Kom4

5 DOM How To Merubah HTML Element Contoh : document.body.bgColor="lavender"; 02/09/2014By : Suwondo, S.Kom5

6 DOM How To Merubah isi text dalam HTML Element. Contoh : Hello World! document.getElementById("p1").innerHTML="New text!"; 02/09/2014By : Suwondo, S.Kom6

7 DOM How To Menggunakan Object Style Contoh : function ChangeBackground() { document.body.style.backgroundColor="lavender"; } 02/09/2014By : Suwondo, S.Kom7


Download ppt "HTML DOM Document Object Model. Pendahuluan HTML DOM mendefinisikan cara untuk memanipulasi dan mengakses HTML Document. 02/09/20142By : Suwondo, S.Kom."

Presentasi serupa


Iklan oleh Google