With this second edition of the popular DOM Scripting: Web Design with JavaScript and the Document Object Model comes a modern revision to update best practices and guidelines. It includes full coverage of HTML5 in a new, dedicated chapter, and details on JavaScript libraries and how they can help your scripting.

The book provides everything you'll need to start using JavaScript and the Document Object Model to enhance your web pages with client-side dynamic effects and user-controlled animation. It shows how JavaScript, HTML5, and Cascading Style Sheets (CSS) work together to create usable, standards-compliant web designs. We'll also cover cross-browser compatibility with DOM scripts and how to make sure they degrade gracefully when JavaScript isn't available.

DOM Scripting: Web Design with JavaScript and the Document Object Model focuses on JavaScript for adding dynamic effects and manipulating page structure on the fly using the Document Object Model. You'll start with a crash course in JavaScript and the DOM, then move on to several real-world examples that you'll build from scratch, including dynamic image galleries and dynamic menus. You'll also learn how to manipulate web page styles using the CSS DOM, and create markup on the fly.

If you want to create websites that are beautiful, dynamic, accessible, and standards-compliant, this is the book for you!

What you’ll learn

• Apply dynamic behavior to your pages without inserting JavaScript in your markup
• Write scripts that degrade gracefully when JavaScript isn’t available
• Use web standards to ensure cross-browser compatibility
• Harness the power of the DOM to create user-controlled animation
• Also includes an introduction to Ajax

Who this book is for

This book is for web developers wanting to expand their knowledge of the DOM to add interactivity and functionality to their web pages.

Table of Contents

1. A Brief History of JavaScript
2. JavaScript Syntax
3. The Document Object Model
4. A JavaScript Image Gallery
5. Best Practices
6. The Image Gallery Revisited
7. Creating Markup on the Fly
8. Enhancing Content
9. CSS-DOM
10. An Animated Slideshow
11. HTML5
12. Putting It All Together
13. DOM Scripting Libraries