---
title: "JavaScript and significance of DOM"
subject: "Web Technology"
chapter: 4
key: "semester_7/web_technology:javascript-dom-significance"
source: https://www.bctengineer.com/q/semester_7/web_technology/javascript-dom-significance
site: BCT Engineering
---

# JavaScript and significance of DOM

Web Technology · Chapter 4: Client-side scripting

- Asked in: 2068 Chaitra (old course), 6 marks
- Video: [What is DOM (Document Object Model) ? | Javascript Lecture 4](https://www.youtube.com/watch?v=hRaDYCHqFQQ) — Apna College
- Answer checked by Claude Opus 5.5 (high effort) on 2026-10-14
- Page: https://www.bctengineer.com/q/semester_7/web_technology/javascript-dom-significance
- Whole chapter: https://www.bctengineer.com/md/semester_7/web_technology/chapter-4

## Question

What is JavaScript? What is the significance of JavaScript DOM (Document Object Model)?

## Short answer

JavaScript is a lightweight interpreted scripting language standardized as ECMAScript that adds behavior to web pages. The DOM lets JavaScript dynamically change content, styles, handle events, validate forms, and traverse structure, enabling interactive pages without reloading.

## Answer

#### JavaScript
**JavaScript** is a lightweight, interpreted, object-based scripting language, created by Brendan Eich at Netscape (1995) and standardised as ECMAScript. It runs in the browser (and on servers through Node.js) and is used to add behaviour to web pages.

Main features: client-side execution, event-driven, dynamically typed, supports functions, objects and arrays, works with HTML and CSS, and is supported by all browsers. Uses: form validation, dynamic content, animation, AJAX, interactive UI and games.
```html
<script>
  document.write("Hello, World!");
</script>
```

#### Significance of the DOM
The **Document Object Model** represents a web page as a tree of objects that scripts can access. It is the bridge between JavaScript and the page.

- **Dynamic content:** JavaScript can add, remove or change elements and text without reloading the page.
- **Style changes:** Colours, size and visibility can be changed at run time (`element.style.display = "none"`).
- **Event handling:** User actions (click, key press, submit) are linked to code through DOM events.
- **Form validation and access:** Values of form fields are read through `document.forms[...]` or `getElementById(...).value`.
- **Navigation of structure:** Parent, child and sibling nodes can be traversed.
- **Platform and language independence:** A W3C standard that works the same way in all major browsers; also used with XML.
- **Basis of modern libraries:** jQuery, React and others work by manipulating the DOM.

Example:
```javascript
document.getElementById("msg").innerHTML = "Welcome";
```
Without the DOM, JavaScript could not interact with the page and web pages would remain static.

## Check yourself

The answer's key points as multiple-choice questions, with the correct option and why.

1. Which description of JavaScript is correct?
   A. A stylesheet language for layout
   B. A markup language used to structure pages
   C. A compiled language that runs only on servers
   D. A lightweight, interpreted, object-based scripting language that runs in the browser
   Answer: D. JavaScript is a lightweight interpreted, object-based scripting language created by Brendan Eich at Netscape, running in browsers and on servers via Node.js. (Key point: What JavaScript is)

2. What does the DOM allow JavaScript to do that supports dynamic pages?
   A. Block all user events
   B. Change the web server's operating system
   C. Compile HTML into machine code
   D. Add, remove or change elements and text without reloading the page
   Answer: D. Through the DOM tree, scripts can modify elements and content at run time without a page reload. (Key point: Dynamic content)

3. How does the DOM support event handling?
   A. It automatically validates all server data
   B. User actions such as click or key press are linked to code through DOM events
   C. It prevents users from clicking elements
   D. It stores events in the database
   Answer: B. DOM events connect user actions (click, key press, submit) to JavaScript functions. (Key point: DOM and events)

4. Which statement about the DOM standard is correct?
   A. It is defined only for JavaScript
   B. It can only read pages, not modify them
   C. It works only in Internet Explorer
   D. It is a W3C standard, platform and language independent, also used with XML
   Answer: D. The DOM is a W3C standard that works in all major browsers and is language independent and usable with XML. (Key point: DOM independence)

## Related in Web Technology

- [Document Object Model with HTML/JavaScript](https://www.bctengineer.com/question.md?key=semester_7%2Fweb_technology%3Adom-html-javascript) — Web Technology, chapter 4, asked 2×
- [JavaScript DOM and date-time function](https://www.bctengineer.com/question.md?key=semester_7%2Fweb_technology%3Ajavascript-dom-date-time) — Web Technology, chapter 4