Manage HTML DOM with vanilla JavaScript
Basic
Select the children of an element
Select an element or list of elements
Select the text of a textarea automatically
Serialize form data into a query string
Select the text content of an element
Wrap an element around a given element
Add or remove class from an element
Attach or detach an event handler
Calculate the mouse position relative to an element
Check an element against a selector
Check if an element is in the viewport
Check if an element is a descendant of another
Check if the native date input is supported
Check if the touch events are supported
Check if the code is running in the browser
Check if an element has given class
Count the number of characters of a textarea
Detect clicks outside of an element
Detect if an element is focused
Detect internet explorer browser
Distinguish between left and right mouse clicks
Determine the height and width of an element
Execute code when the document is ready
Get, set and remove attributes
Get, set and remove data attributes
Get the closest element by given selector
Get or set the HTML of an element
Get the position of an element relative to the document
Get the document height and width
Get the text content of an element
Get the position of an element relative to another
Get the parent node of an element
Insert an element after or before other element
Insert given HTML after or before an element
Prevent body from scrolling when opening a modal
Press Shift and Enter for a new line
Prevent the default action of an event
Prevent the page from scrolling to an element when it is focused
Put cursor at the end of an input
Resize an iframe to fit its content
Intermediate
Resize the width of a text box to fit its content automatically
Scale a text to fit inside of an element
Scroll an element to ensure it is visible in a scrollable container
Save and restore the text selection
Show a loading indicator when an iframe is being loaded
Show a custom context menu at clicked position
Show a ghost element when dragging an element
Allow to enter particular characters only
Calculate the size of scrollbar
Check if an element is visible in a scrollable container
Check if an element is scrollable
Communication between an iframe and its parent window
Get the default value of a CSS property
Get the first scrollable parent of an element
Get the direction of the text selection
Highlight an element when dragging a file over it
Load a JavaScript file dynamically
Paste an image from the clipboard
Measure the width of given text of given font
Placeholder for a contenteditable element
Position an element absolutely to another element
Preview an image before uploading it
Advanced
Sort a table by clicking its headers
Copy highlighted code to the clipboard
Create an image comparison slider
Drag and drop element in a list