JavaScript and the DOM

Now, this is the fun stuff. Here you will learn all about how you can use JavaScript to interact with the page or change what you end up seeing. Yay!

CHAPTER 1

JavaScript, the Browser, and the DOM

Get a brief introduction to the Document Object Model (DOM) and why it is so important.
read
CHAPTER 2

Finding Elements In The DOM Using querySelector

Learn how to target elements in the DOM using just a little bit of JavaScript, the querySelector function, and an honest-to-goodness CSS selector.
read
CHAPTER 3

Modifying DOM Elements

Learn about the two basic ways you have for accessing and modifying DOM elements using JavaScript.
read
CHAPTER 4

Setting CSS Styles using JavaScript

Learn about the two awesome ways you have available for styling your content using JavaScript.
read
CHAPTER 5

Traversing the DOM

Easily navigate the mean streets of our DOM by learning how to use the helpful built-in properties and methods.
read
CHAPTER 6

Creating DOM Elements...and Other Related Stuff!

Learn how to dynamically modify the structure of your DOM by using createElement, removeElement, cloneNode, and more!
read
CHAPTER 7

Viewport, Device, and Document Size

Learn how to use the right JavaScript properties to measure your browser viewport, device, and document size.
read

What we've learned so far doesn't really lend itself to some sweet examples that you can deconstruct and wow your friends with, but below are a few unsweet examples instead :P

Customize Theme

JavaScript and the DOM

JavaScript, the Browser, and the DOM

Finding Elements In The DOM Using querySelector

Modifying DOM Elements

Setting CSS Styles using JavaScript

Traversing the DOM

Creating DOM Elements...and Other Related Stuff!

Viewport, Device, and Document Size

The KIRUPA Newsletter

Follow:

Popular

Loose Ends