Blog SMA1

Properti previousElementSibling DOM pada HTML digunakan untuk mengembalikan elemen previous dari level yang sama dari elemen yang telah diberikan sebelumnya. Jika tidak terdapat elemen previous apapun yang ditemukan pada level yang sama, maka properti akan mengembalikan nilai null . Properti previousElementSibling merupakan properti yang bersifat read-only . Properti ini adalah properti yang sama dengan properti previousSibling, tetapi perbedaannya adalah pada properti previousSibling akan mengembalikan node previous sibling sebagai elemen node , node teks, atau node komentar, sedangkang pada properti previousElementSibling akan mengembalikan previous sibling sebagai node elemen saja.

Properti previousSibling DOM pada HTML digunakan untuk mengembalikan node sebelumnya dari node spesifik sebagai node object atau nilai null , jika node spesifik merupakan node yang terdapat pada daftar pertama yang bersifat read-only .

Properti parentElement DOM pada HTML digunakan untuk mengembalikan elemen parent dari elemen child tertentu yang bersifat read-only . Properti parentElement dan parentNode adalah sama, dan yang menjadi pembeda adalah properti parentElement mengembalikan nilai null jika node parent adalah bukan elemen sedangkan pada properti parentNode tidak.

Properti parentNode DOM pada HTML digunakan untuk mengembalikan node parent dari node spesifik sebagai node object , yang bersifat read-only .

Properti ownerDocument DOM pada HTML berfungsi untuk mengembalikan top-level objek dokumen dari suatu node , dimana pemilik dokumen dari node akan mengembalikannya sebagai objek dokumen yang bersifat properti read-only .

Properti offsetTop DOM pada HTML digunakan untuk mengembalikan posisi top yang relatif ke bagian atas dari elemen offsetParent.

Properti offsetParent DOM pada HTML digunakan untuk mengembalikan elemen ancestor terdekat pada dokumen HTML, dimana elemen ancestor tersebut wajib memiliki posisi tertentu dari pada bersifat static . Properti offestParent mengembalikan nilai null dari suatu elemen yang diatur dengan tipe display="none" . Method offsetParent tidak memiliki nilai default apapun pada pengoperasiannya. Properti offsetParent sangat berguna pada HTML karena properti offsetParent memiliki posisi relatif terhadap padding edge .

Properti offsetLeft DOM pada HTML digunakan untuk mengembalikan posisi kiri pada satuan pixel. Posisi ini adalah relatif terhadap sisi kiri dari elemen offsetParent.

Properti offsetWidth DOM pada HTML digunakan untuk mengembalikan lebar layout dari element sebagai nilai bilangan bulat yang diukur dalam satuan pixel, dengan nilai yang termasuk didalamnya adalah nilai width , border , padding , dan vertical scrollbar , tetapi tidak termasuk nilai margin . Jika elemen yang diukur disembunyikan atau hidden , maka akan mengembalikan nilai 0.

Properti offsetHeight DOM pada HTML digunakan untuk mengembalikan layout height dari elemen sebagai nilai integer atau bilangan bulat. Properti offsetHeight diukur dalam satuan pixel, yang termasuk bidang pengukurannya adalah height , border , padding , dan scrollbar horizontal tapi bukan margin . Jika elemen yang diukur oleh properti offsetHeight disembunyikan maka akan mengembalikan nilai 0.

Properti nodeValue DOM pada HTML digunakan untuk mendeskripsikan properti dari node yang telah diberikan sebelumnya. Properti nodeValue digunakan untuk mengatur atau mendapatkan nodeValude dari dokumen HTML apapun.

Properti nodeType DOM pada HTML digunakan untuk menemukan tipe dari node yang dituju. Tipe dari node yang dirujuk tersebut akan mengembalikan nilai dalam format angka. Properti nodeType DOM merupakan properti yang bersifat read-only .

Properti nodeName digunakan untuk mengembalikan nama dari node spesifik sebagai sebuah string . Properti nodeName mengembalikan nilai yang berbeda untuk node yang berbeda pula. Contoh, jika nilai yang dikembalikan adalah node atribut, maka properti nodeName akan mengembalikan string nama atribut, atau jika node adalah elemen, maka properti nodeName akan mengembalikan string berupa tag name . Properti nodeName merupakan properti read-only .

Properti nextElementSibling DOM pada HTML digunakan untuk mengembalikan element berikutnya dengan segera dari elemen spesifik yang telah ditentukan pada level tree yang sama atau pada nilai null jika elemen spesifik adalah elemen terakhir dari daftar atau list. Properti nextElementSibling merupakan properti yang bersifat read-only . Properti nextElementSibling berbeda dari properti nextSibling, dimana properti nextSibling mengembalikan node sibling setelahnya sebagai suatu elemen node , sebagai teks, atau sebagai node komentar. Sedangkan properti nextElemenSibling mengembalikan sibling setelahnya sebagai elemen node , dan mengabaikan teks, dan node komentar.

Properti nextSibling DOM pada HTML digunakan untuk mengembalikan node setelahnya dari node spesifik sebagai node object atau null , jika node spesifik adalah node terakhir dari daftar atau list node . Properti nextSibling merupakan properti yang bersifat read-only .

Properti lastElementChild DOM pada HTML digunakan untuk mengembalikan elemen child terakhir dari elemen spesifik atau dari nilai null jika tidak terdapat elemen terakhir apapun. Properti lastElementChild sama seperti properti lastChild, tetapi perbedaannya adalah properti lastChild mengembalikan semua node child , termasuk teks, dan node komentar, sedangkan properti lastElemenChild hanya mengembalikan node terakhir sebagai node elemen saja. Properti lastElementCHild adalah properti yang bersifat read-only .

Properti lastChild DOM pada HTML digunakan untuk mengembalikan child terakhir dari node spesifik. Properti lastChild mengembalikan node child terakhir sebagai teks, komentar, atau elemen node, bergantung pada nilai terakhir yang muncul. Properti lastChild merupakan properti yang bersifat read-only .

Pada dokumen HTML, properti lang digunakan untuk mengatur atau mengembalikan nilai dari atribut lang pada elemen HTML. Atribut ini menentukan kode bahasa dari konten elemen yang digunakan, dimana atribut elemen mengambil "en" untuk bahasa Inggris, "ja" untuk bahasa Jepang, "es" untuk bahasa Spanyol, dan lain sebagainya. Nilai default dari atribut properti lang adalah tidak diketahui atau unknown .

Method isSupported() DOM pada HTML digunakan untuk memeriksa apakah fitur spesifik didukung penggunaannya oleh node spesifik atau tidak. Method isSupported() penggunaannya tidak didukung oleh banyak jenis browser pada umumnya. Method isSupported() mengembalikan nilai TRUE jika fitur spesifik yang ditunjuk didukung penggunaannya, jika tidak maka akan mengembalikan nilai FALSE.

Method isSameNode() DOM pada HTML merupakan method yang digunakan untuk memeriksa apakah dua node adalah sama atau tidak. Method isSameNode() berbeda dengan method isequalNode(), dimana pada method isequalNode() dua node dapat senilai tetapi tidak sama. Sedangkan pada method isSameNode() dalam hal ini node yang sama berarti kedua node tersebut memiliki referensi object yang sama.

Method isEqualNode() DOM pada HTML digunakan untuk memeriksa apakah terdapat dua node yang equal atau tidak. Sebuah node dikatakan equal jika kedua node tersebut memiliki tipe, karakteristik, dan atribut yang sama. Nilai atribut yang digunakan pada method isEqualNode() tidak harus berada dalam urutan yang sama.

Method isDefaultNamespace() DOM pada HTML digunakan untuk mengembalikan nilai boolean true jika namespace spesifik adalah default , jika tidak maka akan mengembalikan nilai false . URI namespace yang diperlukan dapat diperiksa menggunakan string namespaceURI.

Properti isContentEditable() DOM pada HTML digunakan untuk mengembalikan nilai boolean dimana TRUE berarti konten dari elemen dapat diedit, sedangkan FALSE berarti konten dari elemen tidak dapat diedit. Properti isContentEditable adalah properti yang bersifat read-only .

Method insertBefore() DOM pada HTML digunakan untuk melakukan insert node baru sebelum node yang sudah ada sebelumnya sebagai nilai spesifik oleh pengguna.

Method insertAdjacentText() DOM pada HTML berfungsi untuk melakukan insert teks pada salah satu posisi yang telah ditentukan.

Method insertAdjacentHTML() DOM pada HTML digunakan untuk melakukan insert teks sebagai file html untuk posisi spesifik. Method insertAdjacentHTML digunakan untuk mengubah atau menambahkan teks sebagai HTML.

Method insertAdjacentElement() DOM pada HTML berfungsi untuk memasukkan elemen spesifik pada posisik yang spesifik. Nilai resmi untuk posisi yang ditentukan pada method insertAdjacentElement() adalah afterbegin , afterend , beforebegin , dan beforeend .

Properti innerText DOM pada HTML digunakan untuk mengatur atau mengembalikan konten teks dari node spesifik dan juga turunannya. Properti innerText sangat sama dengan properti konten teks, tetapi mengembalikan nilai dari segala elemen, kecuali nilai dari <script> dan elemen <style>.

Properti innerHTML DOM digunakan untuk mengantur atau mengembalikan konten html dari suatu elemen.

Properti id DOM pada HTML digunakan untuk mengatur atau mengembalikan nilai ID dari suatu elemen atau nilai dari atribut ID. Nilai ID yang dikembalikan harus berbeda dengan nilai dokumen, yang nilainya dikembalikan oleh method document.getElementById().

Method hasAttribute() DOM pada HTML merupakan atribut tipe fungsi boolean yang mengembalikan dua nilai kondisi, yaitu TRUE atau FALSE, namun tidak keduanya. Method hasAttribute() mengembalikan nilai TRUE jika elemen mengandung atribut, jika tidak maka akan mengembalikan nilai FALSE. Method ini sangat bermanfaat untuk mengetahui apakah suatu elemen pada dokumen memiliki atribut atau tidak didalamnya.

Method getBoundingClientRect() DOM pada HTML berfungsi untuk mengembalikan posisi relatif ke viewport -nya. Method ini akan mengembalikan delapan properti, yaitu: left , top , right , bottom , x , y , width , dan height . Jika dilakukan scrolling menggunakan mouse , maka method ini akan mengalami perubahan nilai posisi.

Method getAttributeNode() DOM pada HTML digunakan untuk mengembalikan nilai node atribut dengan nama spesifik dari suatu elemen sebagai nilai atribut object . Fungsi ini adalah sama dengan fungsi dari method getAttribute(), tetapi perbedaannya adalah pada method getAttribute() nilai yang dikembalikan hanya nilai dari node atribut saja, dan tidak dalam bentuk object atribut apapun.

Method getAttribute() DOM pada HTML digunakan untuk mendapatkan nilai dari atribut pada elemen dengan cara menspesfikasikan nama dari atribut, dengan demikian, maka akan didapatkan nilai dari atribut pada suatu elemen. Untuk mendapatkan nilai dari atribut non standar, maka dapat digunakan method getAttribute().

Method focus() DOM pada HTML digunakan untuk memberi fokus pada elemen dan juga untuk menghapus fokus dengan bantuan dari method blur(). Method focus() dapat diterapkan untuk elemen apapun dan juga dapat penerapkannya dengan melakukan beberapa jenis operasi. Contoh, dengan menggunakan method focus() dapat diberikan beberapa teks dengan cara menekan tombol.

Properti firstElementChild DOM pada HTML berfungsi untuk mengembalikan child pertama dari node PreRequisiets apapun pada DOM HTML.

Properti firstChild DOM pada HTML digunakan untuk mengembalikan node firstchild dari elemen node parent . Properti firstChild merupakan properti read-only dan tidak membutuhkan teks node dan node komentar.

Method exitFullscreen() DOM pada HTML berfungsi untuk memesan elemen yang saat ini dalam mode full-screen untuk dikeluarkan dari mode tersebut. Jika elemen sedang tidak dalam mode full-screen , maka method ini tidak akan memberikan bentuk perubahan apapun. Kebalikan dari method exiFullscreen() adalah method requestFullscreen().

Properti dir pada DOM HTML digunakan untuk mengatur atau mengembalikan nilai dari atribut dir pada elemen. Properti ini mendefinisikan arah dari teks pada konten elemen.

Method contains() digunakan untuk menemukan apakah node spesifik adalah turunan dari node yang diberikan atau tidak. Turunan dari method ini dapat berupa child node, grandchild node, great-grandchild node, dan seterusnya.

Method compareDocumentPosition() DOM pada HTML digunakan untuk melakukan komparasi antara dua node dan mengembalikannya sebagai nilai deskripsi integer sesuai dengan posisinya pada dokumen.

Method cloneNode() DOM pada HTML digunakan untuk melakukan copy atau clone sebuah node pada method cloneNode() yang dilakukan pemanggilan. Contoh, sebuah list item dapat diduplikasi dari satu list ke list lainnya menggunakan method ini.

Properti clientWidth DOM HTML digunakan untuk mengembalikan viewable width dari elemen spesifik termasuk ukuran padding , tetapi tidak termasuk ukuran lebar margin, border, dan scrollbar . Properti ini hanya mengembalikan nilai lebar aktual dari elemen yang tampak atau yang terlihat oleh user , dimana properti clientWidth itu sendiri bersifat read-only .

Properti clientTop DOM digunakan untuk mengembalikan nilai lebar dari top border ke elemen html dalam satuan pixel. Properti ini tidak termasuk pengukuran dari lebar padding top atau left margin , dan merupakan properti yang bersifat read-only .

Properti clientLeft DOM pada HTML digunakan untuk mengembalikan nilai lebar dari border left ke elemen dalam satuan pixel. Properti ini tidak termasuk pengukuran dari lebar pada left padding ataupun pada left margin . Properti clientLeft penggunaannya bersifat read-only .

Properti clientHeight DOM pada HTML digunakan untuk mengembalikan viewable height dari elemen dalam ukuran pixel. Properti ini juga termasuk pengukuran dari segi lebar kepadatan, tetapi tidak termasuk ukuran properti margin, border, scrollbar untuk ukuran dari elemen width . Properti ini hanya pengembalikan ukuran panjang sesungguhnya dari elemen yang terlihat atau tampak oleh pengguna, yang sifatnya hanya read-only .

Method click() pada DOM HTML digunakan untuk mensimulasikan klik mouse pada suatu elemen HTML. Method ini bekerja sama persis seperti ketika suatu elemen di klik.

Pada dokumen HTML, properti className digunakan untuk mengatur atau mengembalikan nilai dari atribut class elemen. Dengan menggunakan properti ini, user dapat melakukan perubahan class dari elemen sesuai dengan class yang diinginkan.

Properti classList DOM pada HTML adalah properti yang bersifat read-only . Properti ini menggunakan properti "classList.length" yang mengembalikan nama class dari elemen pada form DOMTokenlist(sekumpulan ruang yang dipisahkan oleh token-token). Properti ini digunakan untuk penambahan, penghapusan, dan toggle CSS classes pada elemen html.

Properti children DOM pada HTML digunakan untuk mengembalikan HTMLcollection dari semua elemen child pada elemen spesifik. Nilai elemen pada koleksi dapat diakses melalui angka indeks. Properti ini berbeda dari properti childNodes, dimana properti childNodes mengandung semua jenis node termasuk juga tipe teks dan node komentar. Sedangkan, properti children hanya mengandung elemen node saja, dan properti ini hanya bersifat read-only .

Properti childNodes berfungsi untuk mengembalikan sebuah node child sebagai object nodeList. Karakter spasi dan komentar juga dipertimbangkan sebagai sebuah node pada penggunaan properti ini. Node yang digunakan pada properti ditandai sebagai angka indeks yang dimulai dari 0. Juga, proses searching dan sorting dapat dilakukan menggunakan angka indeks pada node list .

Properti childElementCount DOM pada HTML digunakan untuk menghitung jumlah dari elemen child dan nilai return -nya. Properti ini hanya menghitung elemen child kecuali untuk tipe teks dan node komentar.

Method blur DOM pada HTML digunakan untuk menghapus focus keyboard dari elemen saat ini dan juga memberikan fokus baru dengan bantuan dari method focus() . Method ini dapat menerapkan blur pada elemen apapun dan dilakukan setting enable pada beberapa jenis operasi. Contoh, dapat dilakukan blur pada text-box dengan cara mengklik sebuah tombol pada file yang telah disediakan method -nya.

Properti atribut pada DOM HTML berfungsi untuk mengembalikan kelompok atribut node yang ditentukan berdasarkan object NamedNodeMap. Object NamedNodeMap merepresentasikan koleksi dari atribut object dan membuatnya dapat diakses sesuai dengan nomor indeks yang dimulai dari angka 0.

Pada artikel ini, akan dipelajari tentang method appendChild() pada Javascript DOM HTML, beserta pemahaman implementasinya pada contoh program. Method appendChild() dari node interface , digunakan untuk menciptakan node teks sebagai child terakhir dari node . Method ini juga digunakan untuk menggerakkan elemen dari satu elemen ke elemen lainnya, yang digunakan untuk menciptakan elemen baru dengan beberapa teks, dimana teks pertama yang dibuat digunakan sebagai teks node dan dilakukan append pada elemen tersebut, dan kemudian append ke dokumen itu sendiri.