Angular Interview Practice

How can the DOM be accessed in JavaScript?

1. Through the window object

2. Through the document object

3. Through the console object

4. Through the navigator object

The correct answer is: Through the document object

Accessing the Document Object Model (DOM) in JavaScript is primarily done through the document object. This object represents the entire web page and allows developers to interact with and manipulate the structure and content of the page. Using the document object, you can dynamically add or remove elements, change content, handle events, and much more. The document object provides a variety of methods and properties specifically designed for interacting with the DOM. For example, methods like `getElementById()`, `querySelector()`, and `createElement()` enable developers to locate existing DOM elements, query for specific elements using CSS selectors, and create new elements, respectively. While the window object contains global properties and methods that can indirectly interact with the DOM (through methods that may manipulate properties of the document object), it is not the primary means of direct access. The console object provides a debugging interface and does not provide capabilities to manipulate the DOM directly. Similarly, the navigator object offers information about the browser and its capabilities rather than access to the DOM. Thus, the document object is essential for any JavaScript developer looking to manipulate the content and structure of a webpage effectively.