JavaScript and the DOM

2.

Selecting DOM Elements

2.1.

Single Element Selection

2.1.1.

getElementById()

2.1.1.1.

Usage and Syntax

2.1.1.2.

2.1.1.3.

2.1.2.

querySelector()

2.1.2.1.

CSS Selector Syntax

2.1.2.2.

Selecting by ID

2.1.2.3.

Selecting by Class

2.1.2.4.

Selecting by Tag

2.1.2.5.

Selecting by Attribute

2.1.2.6.

Complex Selectors

2.2.

Multiple Element Selection

2.2.1.

getElementsByTagName()

2.2.1.1.

Live HTMLCollection

2.2.1.2.

2.2.2.

getElementsByClassName()

2.2.2.1.

Live HTMLCollection

2.2.2.2.

Multiple Classes

2.2.3.

querySelectorAll()

2.2.3.1.

Static NodeList

2.2.3.2.

Advanced CSS Selectors

2.2.3.3.

Performance Considerations

2.3.

Understanding Collections

2.3.1.

HTMLCollections vs NodeLists

2.3.2.

Live vs Static Collections

2.3.3.

Array-like Properties

2.3.4.

Iteration Methods

2.3.4.1.

2.3.4.2.

forEach() with NodeLists

2.3.4.3.

Converting to Arrays

2.3.4.3.1.

2.3.4.3.2.

Previous

1. Introduction to the Document Object Model (DOM)

Go to top

Next

3. Traversing the DOM Tree