What is the DOM and BOM in JavaScript? If someone could explain these in layman terms it would be great! I like to get a deeper understanding of these.
The BOM (Browser Object Model) consists of the objects navigator
, history
, screen
, location
and document
which are children of window
. In the document
node is the DOM (Document Object Model), the document object model, which represents the contents of the page. You can manipulate it using javascript.
This article explains relationship between Javascript, DOM and BOM.
BOM means Browser Object Model . These are objects that you can use to manipulate the browser. they are navigator
they are all children of the Window Object. DOM is Document Object Model is part of the BOM and it helps you manipulate the content of the loaded page file. this include the HTML and CSS
They're just different objects you're dealing with:
document
and all traversal you would do in it, events, etc. history
, location
, navigator
and screen
(as well as some others that vary by browser).DOM means Document Object model..when the webpage is loaded the browser creates a document object model for the page..All the objects are arranged as tree structure...
BOM means Browser Object Model.window object is supported by all browsers it represents the window browser..All global JavaScript objects, functions, and variables automatically become members of the window object.
You can find more information about Javascript on Mozilla Foundation.
DOM
https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction
BOM
https://developer.mozilla.org/en-US/docs/WebAPI/Browser