JAVASCRIPT: DOM Elements, Event Handling, getElementsById, getElementsByName

The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. It represents the page so that programs can change the document structure, style, and content.

The #DocumentObject:
When an HTML document is loaded into a web browser, it becomes a document object. Some of the Document Object properties are title, images, forms etc.

What is an event?
An event is an act performed by the user and on that act, the programmer acts. Example of events are mouse events, keyboard events, form events, and Window/Document events.
This process of reacting over the events is called Event Handling. Some of the event handlers are onclick, ondblclick, onfocus, onkeydown, onkeyup etc.

The getElementById() method returns an element with a specified value. It is used almost every time you want to read or edit an HTML element.

The getElementsByName() method returns a collection of elements with a specified name. We can fetch data of radio buttons using this method.

Subscribe for more videos just like this: https://www.youtube.com/c/C4KNOWLEDGE...

Check out some more latest videos:
   / c4knowledgeseekers  

TABLE OF CONTENT
0:14 What are DOM Elements in JavaScript?
0:45 DOM Document title property in JavaScript
1:46 DOM Document images property in JavaScript
5:46 DOM Document anchors property in JavaScript
8:56 DOM Document forms property in JavaScript
14:24 Event Handling in JavaScript
18:00 onclick Event in JavaScript
19:46 ondblclick Event in JavaScript
21:54 onfocus Event in JavaScript
26:30 onkeydown Event in JavaScript
27:49 onkeyup Event in JavaScript
29:02 getElementsById function in JavaScript
34:14 getElementsByName function in JavaScript

#JavaScriptDOM #JavaScriptEventHandling