DOM

DOM

#dom

Table of Contents

About

1

Chapter 1: Getting started with DOM

2

Remarks

2

Versions

2

W3C DOM

2

Selectors API Level

2

Examples

2

Retrieving existing html elements

2

Retrieve by id

3

Retrieve by tag name

3

Retrieve by class

3

Retrieve by name

4

Getting started

4

Wait for DOM to be loaded

5

Alternative to DOMContentLoaded

5

Use innerHTML

5

HTML markup

5

DOM element output:

6

Chapter 2: Events

7

Parameters

7

Remarks

7

Origin of events

7

Instead

8

Capturing & Bubbling

8

Examples

9

Introduction

9

Basic Event Listener

10

Removing event listeners

10

.bind with removeListener

11

listen to an event only once

11

Waiting for the document to load

11

Event Object

12

e.stopPropagation();

12

e.preventDefault();

13

e.target vs e.currentTarget

13

Event Bubbling and Capturing

14

Real-world use cases

15

Event Delegation

17

Triggering custom events

17

Chapter 3: Manipulating a list of CSS classes

19

Examples

19

Adding a class

19

Removing a class

19

Testing for a class

20

Chapter 4: Manipulating Attributes

23

Remarks

23

Examples

23

Getting an attribute

23

Setting an attribute

23

Removing an attribute

24

Chapter 5: Manipulating Elements

25

Examples

25

Cloning elements

25

Adding an element

25

Replacing an element

25

Removing an element

26

Append and Prepend methods

26

Chapter 6: Retrieving Elements

28

Examples

28

By ID

28

By Class Name

28

By Tag Name

28

By CSS Selector

29

Query Selectors

30

querySelector

30

querySelectorAll

30

Chapter 7: Traversal

31

Examples

31

Tree walking

31

Iterating over nodes

31

Chapter 8: Using CSS styles

33

Remarks

33

Examples

33

Reading and changing inline styles

33

Inline style

33

Reading and changing styles from a stylesheet

33

Credits

35

About

You can share this PDF with anyone you feel could benefit from it, downloaded the latest version from: dom

It is an unofficial and free DOM ebook created for educational purposes. All the content is extracted from Stack Overflow Documentation, which is written by many hardworking individuals at Stack Overflow. It is neither affiliated with Stack Overflow nor official DOM.

The content is released under Creative Commons BY-SA, and the list of contributors to each chapter are provided in the credits section at the end of this book. Images may be copyright of their respective owners unless otherwise specified. All trademarks and registered trademarks are the property of their respective company owners.

Use the content presented in this book at your own risk; it is not guaranteed to be correct nor accurate, please send your feedback and corrections to info@



1

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download