DOM

This tutorial shows you how to get and set the scroll position of the document.

This tutorial shows you how to get and set the scroll position of an element using JavaScript DOM API.

This tutorial shows you how to toggle an element using plain JavaScript DOM API

Get the computed styles of an element by using the getComputedStyle() method.

In this tutorial, you’ll learn how to add styles to an element using JavaScript DOM methods.

Check if an attribute with a specified name exists using the hasAttribute() method.

Remove an attribute from an element using the removeAttribute() method.

Set a value for an attribute of an element using the setAttribute() method.

Get the attribute value of an element using the getAttribute() method

Provide a helper function that remove all child nodes of a node.

Get or set the text content of an Element using the textContent property.

Get and set the HTML of an element using the innerHTML property.

Iterate over selected elements using forEach() method and plain old for loop.

Clone an element and all of its descendants.

Insert an element after another in the DOM tree.

Insert a new element before another in the DOM tree.

Remove an element from the DOM tree using the removeChild() method.

Replace an element by a new one.

Create a new Element and add it to the DOM tree.

Get the closest element tht match a selector.