To get the width and height of an element, you use the offsetWidth and offsetHeight properties of the element.
| CARVIEW |
Select Language
HTTP/2 301
date: Thu, 22 Jan 2026 23:35:13 GMT
content-type: text/html; charset=UTF-8
location: https://javascriptsource.com/page/27/
x-fw-version: 5.0.0
x-fw-server: Flywheel/5.1.0
x-xss-protection: 1
x-redirect-by: WordPress
x-content-type-options: nosniff
x-fw-dynamic: TRUE
x-fw-hash: x4u4abmr3y
referrer-policy: no-referrer-when-downgrade
server: cloudflare
accept-ranges: bytes
x-served-by: cache-bom-vanm7210093-BOM, cache-bom-vanm7210027-BOM
x-cache: MISS, MISS
x-cache-hits: 0, 0
x-timer: S1769124913.029091,VS0,VE377
x-fw-serve: TRUE
x-fw-static: NO
x-fw-type: VISIT
cf-cache-status: DYNAMIC
nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=27F%2BMAr404%2BNLFKZAwfVwpXq3M5myVxHtNxorvGAg0xaPhMHVwoI1TXMYBztudM1cnPQFvepG8o%2FK4xkNlszrAv4OWByLMSkV0qODkX11MCc5HyB"}]}
cf-ray: 9c22ddd23e35418c-BOM
alt-svc: h3=":443"; ma=86400
HTTP/2 200
date: Thu, 22 Jan 2026 23:35:13 GMT
content-type: text/html; charset=UTF-8
x-fw-version: 5.0.0
x-xss-protection: 1
x-fw-server: Flywheel/5.1.0
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=oz5mlL%2B%2BGycx%2FROrlSHRSrv910VHOta%2B49nk8VqkALkMMj9ttJpHSK788%2FpCBojbxZWVa64hSe8Bfr0Ygcu%2Fvza2G2%2BO0na2xXh45gUGxl%2B0zpN1"}]}
link: JavaScriptSource - Page 27 of 36 - Search 5,000+ Free JavaScript Snippets
JavaScriptSource
Search 5,000+ Free JavaScript Snippets
Detect the dark mode
Modern operating systems allow users to choose the appearance they would like to see in all applications. The option can be detected by looking at the prefers-color-scheme media query.
Check if a date is after another date
Use the greater than operator (>) to check if the first date comes after the second one.
Get all siblings of an element
A simplified approach using some ES6 methods.
Get the text content of an element
Returns the raw text content of the ele element and its children.
Get the Width and Height of the Window
How to get the width and height of the window in px.
Check if a date is before another date
Use the less than operator (<) to check if the first date comes before the second one.
Check if two arrays or objects are equal
A robust way to compare two arrays (or objects) and check if they’re equal to each other.
Prevent the default action of an event
Use the preventDefault() method. This method works with inline attribute.
Get and Set Scroll Position of an Element
To set or get the scroll position of an element, you use the properties scrollTop and scrollLeft of the element.
- « Go to Previous Page
- Go to page 1
- Interim pages omitted …
- Go to page 25
- Go to page 26
- Go to page 27
- Go to page 28
- Go to page 29
- Interim pages omitted …
- Go to page 36
- Go to Next Page »