This tutorial shows you how to select elements by name using the JavaScript getElementsByName() method
DOM
Detect Caps Lock Is On
This tutorial shows you how to detect if the caps lock is on using JavaScript DOM API.
Get the Scrollbar Width of an Element
This tutorial shows you how to get the scrollbar width of an element in JavaScript.
Stop Propagation of Events
This tutorial shows you how to stop the propagation of an event in both capturing and bubbling phases using the Event.stopPropagation() method.
Prevent Default Action of Events
This tutorial shows you how to prevent the default action of an event by using the preventDefault() method of the Event object.
Check If an Element is Visible in the Viewport
In this tutorial, you’ll learn how to check if an element is visible in the viewport using JavaScript.
Check If the Document is Ready
This tutoial shows you how to check if the document is ready using vanilla JavaScript.
Create a One-Off Event Handler
This tutorial shows you how to use the addEventListener() method to create a one-off event handler that execute only once when the event occurs for the first time.
Remove an Event Handler
This tutorial shows you how to use the removeEventListener() method to remove an event handler from an event of an element.
Add an Event Handler
This tutorial shows you how to attach an event handler to an event of an element in JavaScript.
Detect If an Element has focus
This tutorial shows you how to detect if an element has the focus.
Trigger an Event
This tutorial shows you how to trigger an event on an element programmatically using JavaScript DOM API.
Replace a Class of an Element
This tutorial shows you how to replace a class with a new one using JavaScript DOM API.
Check If an Element contains a Class
This tutorial shows you how to check if an element contains a specific class using JavaScript DOM API.
Toggle a Class of an Element
This tutorial shows you how toggle a class of an element using the JavaScript DOM API.
Remove a Class from an Element
This tutorial shows you how to remove one or more classes from an element using JavaScript DOM API.
Add a Class to an Element
This tutorial shows you how to add one or more classes to an element in JavaScript
Get Width and Height of an Element
This tutorial shows you how to get the width and height of an element using JavaScript DOM API.
Get the Offset Position of an element Relative to Its Parent
To get the top/left coordinates of an element relative to its parent, you use the offsetLeft and offsetTop properties. The return values are in px:
Get the Width and Height of the Window
This tutorial shows you how to get the width and height of the window in JavaScript