DOM Enlightenment_ Exploring JavaScript and the Modern DOM [Lindley 2013-03-03].pdf

(7040 KB) Pobierz
DOM Enlightenment
Cody Lindley
DOM Enlightenment
by Cody Lindley
Copyright © 2013 Cody Lindley. All rights reserved.
Printed in the United States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.
O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions are
also available for most titles (http://my.safaribooksonline.com). For more information, contact our corporate/
institutional sales department: 800-998-9938 or
corporate@oreilly.com.
Editors:
Simon St. Laurent and Meghan Blanchette
Production Editor:
Kristen Borg
Copyeditor:
Audrey Doyle
Proofreader:
Linley Dolby
Cover Designer:
Randy Comer
Interior Designer:
David Futato
Illustrator:
Rebecca Demarest
February 2013:
First Edition
Revision History for the First Edition:
2013-02-07
First release
See
http://oreilly.com/catalog/errata.csp?isbn=9781449342845
for release details.
Nutshell Handbook, the Nutshell Handbook logo, and the O’Reilly logo are registered trademarks of O’Reilly
Media, Inc.
DOM Enlightenment,
the image of a Pemba Scops Owl, and related trade dress are trademarks
of O’Reilly Media, Inc.
Many of the designations used by manufacturers and sellers to distinguish their products are claimed as
trademarks. Where those designations appear in this book, and O’Reilly Media, Inc., was aware of a trade‐
mark claim, the designations have been printed in caps or initial caps.
While every precaution has been taken in the preparation of this book, the publisher and author assume no
responsibility for errors or omissions, or for damages resulting from the use of the information contained
herein.
ISBN: 978-1-449-34284-5
[LSI]
Table of Contents
Foreword. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix
Preface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xi
1. Node Overview. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.1 The Document Object Model (a.k.a. the DOM) Is a Hierarchy/Tree of
JavaScript Node Objects
1.2 Node Object Types
1.3 Subnode Objects Inherit From the Node Object
1.4 Properties and Methods for Working with Nodes
1.5 Identifying the Type and Name of a Node
1.6 Getting a Node’s Value
1.7 Using JavaScript Methods to Create Element and Text Nodes
1.8 Using JavaScript Strings to Create and Add Element and Text Nodes to the
DOM
1.9 Extracting Parts of the DOM Tree as JavaScript Strings
1.10 Using appendChild() and insertBefore() to Add Node Objects to the
DOM
1.11 Using removeChild() and replaceChild() to Remove and Replace Nodes
1.12 Using cloneNode() to Clone Nodes
1.13 Grokking Node Collections (i.e., NodeList and HTMLCollection)
1.14 Getting a List/Collection of All Immediate Child Nodes
1.15 Converting a NodeList or HTMLCollection to a JavaScript Array
1.16 Traversing Nodes in the DOM
1.17 Verifying a Node Position in the DOM Tree with contains() and
compareDocumentPosition()
1.18 Determining Whether Two Nodes Are Identical
2.1 document Node Overview
1
2
5
7
9
11
11
13
15
16
18
20
21
22
23
24
26
28
31
2. Document Nodes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
iii

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin