{"id":775,"date":"2021-04-22T05:23:24","date_gmt":"2021-04-22T05:23:24","guid":{"rendered":"https:\/\/bcisnotes.com\/fourthsemester\/?p=775"},"modified":"2021-04-22T05:23:25","modified_gmt":"2021-04-22T05:23:25","slug":"javascript-dom-nodes-client-side-scripting-bcis-notes","status":"publish","type":"post","link":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/","title":{"rendered":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes"},"content":{"rendered":"

JavaScript DOM Nodes<\/h1>\n

The Document Object Model, or DOM for short in JavaScript, is a platform and language independent model to represent the HTML or XML documents. It defines the logical structure of the documents and the way in which they can be accessed and manipulated by an application program.<\/p>\n

In the DOM, all parts of the document, such as elements, attributes, text, etc. are organized in a hierarchical tree-like structure; similar to a family tree in real life that consists of parents and children. In DOM terminology these individual parts of the document are known as nodes.<\/p>\n

The Document Object Model that represents HTML documents is referred to as HTML DOM. Similarly, the DOM that represents the XML document is referred to as XML DOM.<\/p>\n

\"Document<\/p>\n

\n
\n
\n

The above HTML document can be represented by the following DOM tree:<\/p>\n

\"DOM\"<\/p>\n

\n
\n
\n

The above diagram demonstrates the parent\/child relationships between the nodes. The topmost node i.e. the Document node is the root node of the DOM tree, which has one child, the <html> element. Whereas,\u00a0the <head> and <body> elements are the child nodes of the <html> parent node.<\/p>\n

The <head> and <body> elements are also siblings since they are at the same level. Further, the text content inside an element is a child node of the parent element. So, for example, “Mobile OS” is considered as a child node of the <h1> that contains it, and so on.<\/p>\n

Comments inside the HTML document are nodes in the DOM tree as well, even though it doesn’t affect the visual representation of the document in any way. Comments are useful for documenting the code, however, you will rarely need to retrieve and manipulate them.<\/p>\n

\n
\n
\n

HTML attributes such as id, class, title, style, etc. are also considered as nodes in DOM hierarchy but they don’t participate in parent\/child relationships like the other nodes do. They are accessed as properties of the element node that contains them.<\/p>\n

Each element in an HTML document such as image, hyperlink, form, button, heading, paragraph, etc. is represented using a JavaScript object in the DOM hierarchy, and each object contains properties and methods to describe and manipulate these objects.<\/p>\n

If you liked our content JavaScript DOM Nodes, then you will also like\u00a0JavaScript Functions<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

JavaScript DOM Nodes The Document Object Model, or DOM for short in JavaScript, is a platform and language independent model to represent the HTML or […]<\/a><\/p>\n<\/div>","protected":false},"author":3,"featured_media":776,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[226,248],"yoast_head":"\nJavaScript DOM Nodes || Client Side Scripting || BCIS Notes<\/title>\n<meta name=\"description\" content=\"The JavaScript DOM Nodes or Document Object Model, is a platform & language independent model to represent the HTML or XML documents.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes\" \/>\n<meta property=\"og:description\" content=\"The JavaScript DOM Nodes or Document Object Model, is a platform & language independent model to represent the HTML or XML documents.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\" \/>\n<meta property=\"og:site_name\" content=\"BCIS Fourth Semester\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T05:23:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-22T05:23:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"230\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Her Highness\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Her Highness\" \/>\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:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\"},\"author\":{\"name\":\"Her Highness\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3\"},\"headline\":\"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes\",\"datePublished\":\"2021-04-22T05:23:24+00:00\",\"dateModified\":\"2021-04-22T05:23:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\"},\"wordCount\":400,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png\",\"keywords\":[\"JavaScript\",\"JavaScript DOM Nodes\"],\"articleSection\":[\"IT\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\",\"name\":\"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes\",\"isPartOf\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png\",\"datePublished\":\"2021-04-22T05:23:24+00:00\",\"dateModified\":\"2021-04-22T05:23:25+00:00\",\"description\":\"The JavaScript DOM Nodes or Document Object Model, is a platform & language independent model to represent the HTML or XML documents.\",\"breadcrumb\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png\",\"contentUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png\",\"width\":340,\"height\":230,\"caption\":\"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bcisnotes.com\/fourthsemester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#website\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/\",\"name\":\"BCIS Fourth Semester\",\"description\":\"Notes of Information and Technology\",\"publisher\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bcisnotes.com\/fourthsemester\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#organization\",\"name\":\"BCIS Fourth Semester\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg\",\"contentUrl\":\"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg\",\"width\":300,\"height\":100,\"caption\":\"BCIS Fourth Semester\"},\"image\":{\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3\",\"name\":\"Her Highness\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g\",\"caption\":\"Her Highness\"},\"sameAs\":[\"http:\/\/bcisnotes.com\/fourthsemester\"],\"url\":\"https:\/\/bcisnotes.com\/fourthsemester\/author\/jaya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes","description":"The JavaScript DOM Nodes or Document Object Model, is a platform & language independent model to represent the HTML or XML documents.","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:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes","og_description":"The JavaScript DOM Nodes or Document Object Model, is a platform & language independent model to represent the HTML or XML documents.","og_url":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/","og_site_name":"BCIS Fourth Semester","article_published_time":"2021-04-22T05:23:24+00:00","article_modified_time":"2021-04-22T05:23:25+00:00","og_image":[{"width":340,"height":230,"url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png","type":"image\/png"}],"author":"Her Highness","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Her Highness","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#article","isPartOf":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/"},"author":{"name":"Her Highness","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3"},"headline":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes","datePublished":"2021-04-22T05:23:24+00:00","dateModified":"2021-04-22T05:23:25+00:00","mainEntityOfPage":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/"},"wordCount":400,"commentCount":0,"publisher":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage"},"thumbnailUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png","keywords":["JavaScript","JavaScript DOM Nodes"],"articleSection":["IT"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/","url":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/","name":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes","isPartOf":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage"},"thumbnailUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png","datePublished":"2021-04-22T05:23:24+00:00","dateModified":"2021-04-22T05:23:25+00:00","description":"The JavaScript DOM Nodes or Document Object Model, is a platform & language independent model to represent the HTML or XML documents.","breadcrumb":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#primaryimage","url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png","contentUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/04\/bcis-20.png","width":340,"height":230,"caption":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes"},{"@type":"BreadcrumbList","@id":"https:\/\/bcisnotes.com\/fourthsemester\/javascript-dom-nodes-client-side-scripting-bcis-notes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bcisnotes.com\/fourthsemester\/"},{"@type":"ListItem","position":2,"name":"JavaScript DOM Nodes || Client Side Scripting || BCIS Notes"}]},{"@type":"WebSite","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#website","url":"https:\/\/bcisnotes.com\/fourthsemester\/","name":"BCIS Fourth Semester","description":"Notes of Information and Technology","publisher":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bcisnotes.com\/fourthsemester\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#organization","name":"BCIS Fourth Semester","url":"https:\/\/bcisnotes.com\/fourthsemester\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/","url":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg","contentUrl":"https:\/\/bcisnotes.com\/fourthsemester\/wp-content\/uploads\/2021\/02\/cropped-4-1.jpg","width":300,"height":100,"caption":"BCIS Fourth Semester"},"image":{"@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/fcc10e27b06f3f95367e914911b47eb3","name":"Her Highness","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bcisnotes.com\/fourthsemester\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f5c6e84ebb073447dba2985b41b0fdc?s=96&d=mm&r=g","caption":"Her Highness"},"sameAs":["http:\/\/bcisnotes.com\/fourthsemester"],"url":"https:\/\/bcisnotes.com\/fourthsemester\/author\/jaya\/"}]}},"_links":{"self":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/775"}],"collection":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/comments?post=775"}],"version-history":[{"count":1,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/775\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/posts\/775\/revisions\/777"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/media\/776"}],"wp:attachment":[{"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/media?parent=775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/categories?post=775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bcisnotes.com\/fourthsemester\/wp-json\/wp\/v2\/tags?post=775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}