{"version":"1.0","provider_name":"Hosteko Blog","provider_url":"https:\/\/hosteko.com\/blog","author_name":"Nabilah Atikah S","author_url":"https:\/\/hosteko.com\/blog\/author\/nabilah","title":"Mengenal Document Object Model Dan Cara Kerjanya Dalam JavaScript - Hosteko Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"BxzGl0iqhK\"><a href=\"https:\/\/hosteko.com\/blog\/mengenal-apa-itu-document-object-model-di-javascript\">Mengenal Document Object Model Dan Cara Kerjanya Dalam JavaScript<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/hosteko.com\/blog\/mengenal-apa-itu-document-object-model-di-javascript\/embed#?secret=BxzGl0iqhK\" width=\"600\" height=\"338\" title=\"&#8220;Mengenal Document Object Model Dan Cara Kerjanya Dalam JavaScript&#8221; &#8212; Hosteko Blog\" data-secret=\"BxzGl0iqhK\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","thumbnail_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/Mengenal-Document-Object-Model-Dan-Cara-Kerjanya-Dalam-JavaScript.png","thumbnail_width":1366,"thumbnail_height":768,"description":"Saat menciptakan aplikasi berbasis web, kita kerap memanfaatkan JavaScript untuk mengubah tampilan dan perilaku halaman secara real-time. Namun, apa yang membuat JavaScript mampu melakukan hal tersebut? Solusinya ada pada Document Object Model. Tanpa adanya Document Object Model, halaman web akan tetap tidak berubah setelah dimuat di dalam browser. Dalam artikel ini, kita akan mengulas secara [&hellip;]"}