Leanpub Header

Skip to main content

JavaScript & DOM Tips, Tricks, and Techniques (Volume 2)

Quick Tips for all Levels of Developers

This is a collection of JavaScript and DOM scripting applicable to all levels of JavaScript and front-end development. Most of the tips cover techniques and technologies that work in all modern browsers and most older browsers.

The author is letting you choose the price you pay for this book!

Pick Your Price...
PDF
EPUB
WEB
23
Readers
101
Pages
19,469Words
About

About

About the Book

This is a collection of JavaScript and DOM scripting applicable to all levels of JavaScript and front-end development. Most of the tips cover techniques and technologies that work in all modern browsers and most older browsers.

Share this book

Price

Pick Your Price...

Minimum price

$7.99

$7.99

You pay

$7.99

Author earns

$6.39
$

All prices are in US $. You can pay in US $ or in your local currency when you check out.

EU customers: prices exclude VAT, which is added during checkout.

...Or Buy With Credits!

Number of credits (Minimum 1)

1
The author will earn $12.00 from your purchase!
You can get credits monthly with a Reader Membership

Author

About the Author

Louis Lazaris

Louis is a front-end developer, author, and speaker, who has been involved in the web design and development industry since 2000. He blogs at Impressive Webs and curates a weekly newsletter called Web Tools Weekly, focused on tools for front-end developers.

Contents

Table of Contents

Preface

offsetParent

window.scrollBy()

cloneNode(deep)

importNode()

A Note About appendChild() and insertBefore()

getClientRects()

Array.indexOf()

script.onload

Document.createComment()

previousElementSibling / nextElementSibling

Getting Image Widths

The void Operator for IIFEs

Function as Second Argument for String.replace()

DOM Collections

Colors with getComputedStyle()

event.target vs. event.currentTarget

preventDefault()

Using Array.splice()

The form.submit() and form.reset() Methods

Converting an Array-like Object to an Array

document.designMode

JSON.parse() and JSON.stringify()

Property Access on Strings

The Screen API

The disabled Attribute for Stylesheets and Scripts

useCapture with addEventListener()

event.detail

HTML Elements as Global Variables

The scrollHeight Property

classList.toggle() with Boolean Force

outerHTML

The beforeprint and afterprint Events

Radio Buttons and the change Event

document.readyState

“splat” an Array in ES5 vs. ES6

Spread Operator vs. Rest Parameters

insertAdjacentElement() and insertAdjacentText()

DOMTokenList

Detecting Shift/CTRL/ALT/Meta Keys

CSS.supports()

Expando Properties

form.length / select.length

Node.isSameNode()

Array.prototype.filter()

The eventPhase Property

window.open() and window.opener

Attribute Collections as NamedNodeMaps

Blank Lines

Disabling the Context Menu

Queueing Items in an Array

text.wholeText Property

Modern Cookie Limitations

Commenting Confusing Code

Assigning Anonymous, Immediately Invoked Functions to Variables

The storage Event

String Creation Using fromCharCode()

Template Literals

Tagged Template Literals

The Range API

defaultChecked on Radio Buttons and Checkboxes

Using Negative Values with Array.prototype.slice()

getElementsByName()

Performance Testing with console.time() and console.timeEnd()

Dynamic Downloads with Data URIs and the download Attribute

Math.abs() Behavior with Different Values

The nodeValue property

Using the debugger Statement

innerHTML and HTML Entities

More Weekly Tips!

About the Author

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub