DEV Community

Tharun Shiv
Tharun Shiv

Posted on • Updated on

JavaScript DOM - Part 2 - The Document and Window Object [video + article]

This is going to be a multi-part Video + article tutorial series on JavaScript DOM. You're reading Part 2

You can read Part 1 here:

The Window Object

This is a Global object, which has several objects, attributes and functions within it. It can be described as an object with a lot of meta data and data about your webpage. It also contains the Document Object which is popularly used.

The Document Object

The Document Object is another global object which contains the attributes, objects, and functions of the website but of course lesser information than the window object as it is a subset of it.
You can access the complete information and elements of the DOM from this document object. To be precise, you can access each and every element of the page with a lot of functionality attached to it like methods, attributes, values, etc.,

// code

console.log(document.domain)

console.log(document.URL)

console.log(document.title)

console.log(document.all)

console.log(document.all[0])
Enter fullscreen mode Exit fullscreen mode
// respective output

tharunshiv.com

https://tharunshiv.com

Tharun Shiv - A blog to quench programming thirst

HTMLAllCollection(311) [html, head, meta, ...
...
...
...]

<html lang="en" data-react-helmet="lang">
  <head>...</head>
  <body>...</body>
</html>

Enter fullscreen mode Exit fullscreen mode

You can access and do a lot more magic with the Document Object. We will explore and do stuff in this series. All you have to know now is that there is The Window Object and there is a Document Object. You can access any element in the website using the Document Object. There are ways in which you can grab the necessary element that you want to, which we will be learning from the next video onwards.

Read part 3 here:

Thank you for reading ๐Ÿ˜Š

Written by,

[deleted user] image

[Deleted User]

Top comments (4)

Collapse
 
chandrika56 profile image
Jaya chandrika reddy

Good one.. ๐Ÿ‘

Collapse
 
developertharun profile image
Tharun Shiv

Thank you๐Ÿ™‚

Collapse
 
venkat121998 profile image
venkat anirudh

Short and simple one... good going๐ŸŽ‰

Collapse
 
developertharun profile image
Tharun Shiv

Thankyou ๐Ÿ™‚