{"id":1245,"date":"2021-03-07T22:34:27","date_gmt":"2021-03-07T17:04:27","guid":{"rendered":"https:\/\/myfreeonlinetools.com\/blog\/?p=1245"},"modified":"2021-04-06T09:04:59","modified_gmt":"2021-04-06T03:34:59","slug":"infographic-what-is-html-javascript-dom-definition-methods-and-properties","status":"publish","type":"post","link":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/","title":{"rendered":"Infographic : What is HTML &#038; JavaScript DOM Definition Methods and Properties"},"content":{"rendered":"<p><img decoding=\"async\" title=\"Infographic of JavaScript DOM Methods Properties &amp; Defination\" src=\"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg\" alt=\"Infographic of JavaScript DOM Methods Properties &amp; Defination\" \/><\/p>\n<h2>What is HTML &amp; JavaScript DOM.<\/h2>\n<p>Document Object Model(DOM) is a programming interface of HTML and XML document as a tree structure where each and every node having an object which is part of the document. DOM represents nodes and objects of the document. It displayed in the browser window or HTML Source(View by Ctrl + U). DOM an object-oriented which can be modified and change by scripting language like JS.<\/p>\n<h3>What is document object model.<\/h3>\n<p>Programming interface for HTML and XML documents. DOM represents the document as nodes and objects<\/p>\n<p>HTML document object model is an object model for HTML. It represents the document as nodes and objects<\/p>\n<h3>DOM HTML Tree Structure of Tags<\/h3>\n<p>&nbsp;<\/p>\n<h3>JavaScript DOM Methods and Properties<\/h3>\n<h4>Methods of Documents Objects<\/h4>\n<ul>\n<li><strong style=\"color: #005d81;\">Write: <\/strong>Write HTML or JavaScript code to document.<\/li>\n<li><strong style=\"color: #005d81;\">writeIn<\/strong>:\u00a0Write code with add newline character after each statement.<\/li>\n<li><strong style=\"color: #005d81;\">getElementById: <\/strong>Return the element having id value attribute.<\/li>\n<li><strong style=\"color: #005d81;\">getElementsByName<\/strong>:\u00a0Returns all elements with the given name value.<\/li>\n<li><strong style=\"color: #005d81;\">getElementsByTagName<\/strong>:\u00a0Returns all elements with the specified given tag name.<\/li>\n<li><strong style=\"color: #005d81;\">getElementsByClassName:\u00a0<\/strong>Returns all elements with the specified class name.<\/li>\n<\/ul>\n<h4>Methods of Element Objects<\/h4>\n<ul>\n<li><strong style=\"color: #005d81;\">accessKey: <\/strong>Sets or returns the accesskey attribute of an element.<\/li>\n<li><strong style=\"color: #005d81;\">addEventListener: <\/strong>Attaches an event handler to the document.<\/li>\n<li><strong style=\"color: #005d81;\">appendChild: <\/strong>Append a new child node, to the last child of the node.<\/li>\n<li><strong style=\"color: #005d81;\"> attributes:\u00a0<\/strong>Return NameNodeMap of collection of specified nodes attributes.<\/li>\n<li><strong style=\"color: #005d81;\">Blur:<\/strong> Remove focus from an element.<\/li>\n<li><strong style=\"color: #005d81;\">childElementCount: <\/strong>Returns the number of child elements an element has.<\/li>\n<li><strong style=\"color: #005d81;\">childNodes: <\/strong>Returns a collection of a node&#8217;s child nodes, as a NodeList object.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>Methods of Event Objects<\/h4>\n<ul>\n<li><strong style=\"color: #005d81;\">abort: <\/strong>Event occurs when the loading of audio or video is an aborted click The event occurs when the mouse click on an element.<\/li>\n<li><strong style=\"color: #005d81;\">contextmenu: <\/strong>Event occurs when the user right-clicks on an element to open the context menu.<\/li>\n<li><strong style=\"color: #005d81;\">drag: <\/strong>Event occurs when an element or text selection is being dragged.<\/li>\n<li><strong style=\"color: #005d81;\">drop:\u00a0<\/strong>Event occurs when a draggable element selection is dropped on a valid drop target.<\/li>\n<li><strong style=\"color: #005d81;\">keypress:\u00a0<\/strong>The event occurs when the user presses a key.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>Properties of Screen Objects<\/h4>\n<ul>\n<li><strong style=\"color: #005d81;\">availHeight:\u00a0<\/strong>Returns the height of the user&#8217;s screen.<\/li>\n<li><strong style=\"color: #005d81;\"> availWidth:\u00a0<\/strong>Returns the width of the user&#8217;s screen.<\/li>\n<li><strong style=\"color: #005d81;\">colorDepth: <\/strong>Returns the bit depth of the color palette for displaying images<\/li>\n<li><strong style=\"color: #005d81;\">height:\u00a0<\/strong>Returns the total height of the user&#8217;s screen, in pixels.<\/li>\n<li><strong style=\"color: #005d81;\">pixelDepth:\u00a0<\/strong>Returns the color resolution of the visitor&#8217;s screen.<\/li>\n<li><strong style=\"color: #005d81;\">width:\u00a0<\/strong>Returns the total width of the user&#8217;s screen, in pixels.<\/li>\n<\/ul>\n<h4>Properties of Location Objects<\/h4>\n<ul>\n<li><strong style=\"color: #005d81;\">hash:\u00a0<\/strong>Sets or returns the anchor part of a URL<\/li>\n<li><strong style=\"color: #005d81;\">host: <\/strong>Sets or returns the hostname and port number of a URL<\/li>\n<li><strong style=\"color: #005d81;\">hostname: <\/strong>Sets or returns the hostname of a URL<\/li>\n<li><strong style=\"color: #005d81;\">href: <\/strong>Sets or returns the query string part of a URL<\/li>\n<li><strong style=\"color: #005d81;\">origin:<\/strong> Returns the protocol, hostname, and port number of a URL<\/li>\n<li><strong style=\"color: #005d81;\">pathname:<\/strong> Sets or returns the pathname of a URL.<\/li>\n<li><strong style=\"color: #005d81;\">port:<\/strong> Sets or returns the port number of a URL<\/li>\n<li><strong style=\"color: #005d81;\">protocol:<\/strong> Sets or returns the protocol of a URL<\/li>\n<li><strong style=\"color: #005d81;\">Search:<\/strong> Sets or returns the query string part of a URL<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>Methods of navigation Objects<\/h4>\n<ul>\n<li><strong style=\"color: #005d81;\">appCodeName:<\/strong> Returns code with browser name.<\/li>\n<li><strong style=\"color: #005d81;\">appName:<\/strong> Returns browser name.<\/li>\n<li><strong style=\"color: #005d81;\">appVersion:<\/strong> Returns browser version information.<\/li>\n<li><strong style=\"color: #005d81;\">cookie: <\/strong>Enabled Determines whether browser cookies are enabled.<\/li>\n<li><strong style=\"color: #005d81;\">geolocation:<\/strong> Returns object that used to locate the user&#8217;s position.<\/li>\n<li><strong style=\"color: #005d81;\">language:<\/strong> Returns the browser language.<\/li>\n<li><strong style=\"color: #005d81;\">onLine:<\/strong> Determines browser is online.<\/li>\n<li><strong style=\"color: #005d81;\">platform:<\/strong> Returns which platform the browser is compiled<\/li>\n<li><strong style=\"color: #005d81;\">product:<\/strong> Returns the browser engine name.<\/li>\n<li><strong style=\"color: #005d81;\">userAgent:<\/strong> Returns the header(user-agent ) sent by the browser to the server.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center; font-size: 45px !important;\">API = DOM + JavaScript<\/h3>\n<p>&nbsp;<\/p>\n<h3>JavaScript Manipulate DOM<\/h3>\n<pre>&lt;div id=\"dom-container\"&gt;&lt;\/div&gt;\r\n\r\n&lt;script type=\u201dtext\/javascript\u201d&gt;\r\nvar domElement = document.getElementById(\u201ddom-container\u201d); \r\ndomElement.innerHTML = \u201dMyFreeOnlineTools Provide Free Tools\u201d;\r\n &lt;\/script&gt;<\/pre>\n<h3>What Dom is NOT?<\/h3>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong style=\"color: #005d81;\">Binary Description<\/strong>: It does not define any binary source code in its interfaces.<\/li>\n<li><strong style=\"color: #005d81;\">Object in XML or HTML<\/strong>: Not used to describe objects in XML or HTML.<\/li>\n<li><strong style=\"color: #005d81;\">Data Structures<\/strong>: An interface which is a specified object represents.<\/li>\n<li><strong style=\"color: #005d81;\">The criticality of Object:<\/strong> Doesn&#8217;t have information about which object in the document is appropriate to the context.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is HTML &amp; JavaScript DOM. Document Object Model(DOM) is a programming interface of HTML and XML document as a tree structure where each and every node having an object [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[31,41],"tags":[],"class_list":["post-1245","post","type-post","status-publish","format-standard","hentry","category-html","category-infographic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Infographic : What is HTML &amp; JavaScript DOM Definition Methods and Properties - MyFreeOnlineTools<\/title>\n<meta name=\"description\" content=\"Define HTML &amp; JavaScript DOM, DOM Properties, Methods and How to manipulate document object properties with JavaScript\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Infographic : What is HTML &amp; JavaScript DOM Definition Methods and Properties - MyFreeOnlineTools\" \/>\n<meta property=\"og:description\" content=\"Define HTML &amp; JavaScript DOM, DOM Properties, Methods and How to manipulate document object properties with JavaScript\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\" \/>\n<meta property=\"og:site_name\" content=\"MyFreeOnlineTools\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-07T17:04:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-06T03:34:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg\" \/>\n<meta name=\"author\" content=\"myfreeonlinetools\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"myfreeonlinetools\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\"},\"author\":{\"name\":\"myfreeonlinetools\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\"},\"headline\":\"Infographic : What is HTML &#038; JavaScript DOM Definition Methods and Properties\",\"datePublished\":\"2021-03-07T17:04:27+00:00\",\"dateModified\":\"2021-04-06T03:34:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\"},\"wordCount\":655,\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg\",\"articleSection\":[\"HTML\",\"Infographic\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\",\"name\":\"Infographic : What is HTML & JavaScript DOM Definition Methods and Properties - MyFreeOnlineTools\",\"isPartOf\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg\",\"datePublished\":\"2021-03-07T17:04:27+00:00\",\"dateModified\":\"2021-04-06T03:34:59+00:00\",\"description\":\"Define HTML & JavaScript DOM, DOM Properties, Methods and How to manipulate document object properties with JavaScript\",\"breadcrumb\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage\",\"url\":\"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/myfreeonlinetools.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Infographic : What is HTML &#038; JavaScript DOM Definition Methods and Properties\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#website\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"name\":\"MyFreeOnlineTools\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#organization\",\"name\":\"MyFreeOnlineTools\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"contentUrl\":\"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png\",\"width\":387,\"height\":79,\"caption\":\"MyFreeOnlineTools\"},\"image\":{\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c\",\"name\":\"myfreeonlinetools\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g\",\"caption\":\"myfreeonlinetools\"},\"description\":\"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.\",\"sameAs\":[\"https:\/\/myfreeonlinetools.com\/\",\"https:\/\/www.facebook.com\/LearnSchoolOnline\/\",\"https:\/\/www.youtube.com\/learnschoolonline\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Infographic : What is HTML & JavaScript DOM Definition Methods and Properties - MyFreeOnlineTools","description":"Define HTML & JavaScript DOM, DOM Properties, Methods and How to manipulate document object properties with JavaScript","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/","og_locale":"en_US","og_type":"article","og_title":"Infographic : What is HTML & JavaScript DOM Definition Methods and Properties - MyFreeOnlineTools","og_description":"Define HTML & JavaScript DOM, DOM Properties, Methods and How to manipulate document object properties with JavaScript","og_url":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/","og_site_name":"MyFreeOnlineTools","article_author":"https:\/\/www.facebook.com\/LearnSchoolOnline\/","article_published_time":"2021-03-07T17:04:27+00:00","article_modified_time":"2021-04-06T03:34:59+00:00","og_image":[{"url":"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg","type":"","width":"","height":""}],"author":"myfreeonlinetools","twitter_card":"summary_large_image","twitter_misc":{"Written by":"myfreeonlinetools","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#article","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/"},"author":{"name":"myfreeonlinetools","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c"},"headline":"Infographic : What is HTML &#038; JavaScript DOM Definition Methods and Properties","datePublished":"2021-03-07T17:04:27+00:00","dateModified":"2021-04-06T03:34:59+00:00","mainEntityOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/"},"wordCount":655,"publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg","articleSection":["HTML","Infographic"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/","url":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/","name":"Infographic : What is HTML & JavaScript DOM Definition Methods and Properties - MyFreeOnlineTools","isPartOf":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg","datePublished":"2021-03-07T17:04:27+00:00","dateModified":"2021-04-06T03:34:59+00:00","description":"Define HTML & JavaScript DOM, DOM Properties, Methods and How to manipulate document object properties with JavaScript","breadcrumb":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#primaryimage","url":"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg","contentUrl":"https:\/\/myfreeonlinetools.com\/images\/infographics\/infographic-javascript-html-dom-methods-define-properties.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/myfreeonlinetools.com\/blog\/infographic-what-is-html-javascript-dom-definition-methods-and-properties\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/myfreeonlinetools.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Infographic : What is HTML &#038; JavaScript DOM Definition Methods and Properties"}]},{"@type":"WebSite","@id":"https:\/\/myfreeonlinetools.com\/blog\/#website","url":"https:\/\/myfreeonlinetools.com\/blog\/","name":"MyFreeOnlineTools","description":"","publisher":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myfreeonlinetools.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/myfreeonlinetools.com\/blog\/#organization","name":"MyFreeOnlineTools","url":"https:\/\/myfreeonlinetools.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","contentUrl":"https:\/\/myfreeonlinetools.com\/blog\/wp-content\/uploads\/2019\/11\/myfreeonlinetools-blue.png","width":387,"height":79,"caption":"MyFreeOnlineTools"},"image":{"@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/b1eb72e57c554e3b33cfeec477efcc3c","name":"myfreeonlinetools","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/myfreeonlinetools.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b870b17c6c7e3b75d7fe0b8bebfc9cf5?s=96&d=mm&r=g","caption":"myfreeonlinetools"},"description":"Live in Delhi, Working in Gurgaon as Web Designer and Graphic Designer. Developed and Design myfreeonlinetools for online free tools. Also having youtube channel Name with LearnSchoolOnline. Traveling, watching movies, coding are the hobbies.","sameAs":["https:\/\/myfreeonlinetools.com\/","https:\/\/www.facebook.com\/LearnSchoolOnline\/","https:\/\/www.youtube.com\/learnschoolonline"]}]}},"_links":{"self":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/comments?post=1245"}],"version-history":[{"count":0,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/posts\/1245\/revisions"}],"wp:attachment":[{"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/media?parent=1245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/categories?post=1245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myfreeonlinetools.com\/blog\/wp-json\/wp\/v2\/tags?post=1245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}