13_Dynamic HTML Object Model and Collections.ppt

Chapter 13 - Dynamic HTML: Object Model and Collections Objectives In this lesson, you will learn: To use the Dynamic HTML Object Model and scripting to create dynamic Web pages. To understand the Dynamic HTML object hierarchy. To use the all and children collections to enumerate all of the XHTML elements of a Web page. To use dynamic styles and dynamic positioning. To use the frames collection to access objects in a separate frame on your Web page. To use the navigator object to determine which browser is being used to access your page. 13.1 Introduction 13.2??Object Referencing 13.3??Collections all and children 13.4??Dynamic Styles 13.5??Dynamic Positioning 13.6??Using the frames Collection 13.7??navigator Object 13.8??Summary of the DHTML Object Model 13.8??Summary of the DHTML Object Model 13.8??Summary of the DHTML Object Model 13.8??Summary of the DHTML Object Model Outline navigator.html(1 of 2) Outline navigator.html(2 of 2) applets all anchors embeds forms filters images links plugins styleSheets scripts frames plugins collection body screen document history navigator location event document document object window Key Fig. 13.10 DHTML Object Model. ? 2004 Prentice Hall, Inc. All rights reserved. ? 2004 Prentice Hall, Inc.All rights reserved. Outline Outline Outline 13.1 Introduction 13.2 Object Referencing 13.3 Collections all and children 13.4 Dynamic Styles 13.5 Dynamic Positioning 13.6 Using the frames Collection 13.7 navigator Object 13.8 Summary of the DHTML Object Model Dynamic HTML Object Model Allows Web authors to control the presentation of their pages Gives them access to all the elements on their pages Web page Elements, forms, frames, tables Represented in an object hierarchy Scripting Retrieve and modify properties and attributes The simplest way to reference an element is by using the element’s id attribute. The element is represented as an object XHTML attributes become properties that can be manipulated