Head Rush Ajax

82

Chapter 2

Use the DOM to get the phone number

You can use the Document Object Model, or DOM, from your

JavaScript to get the phone number that the customer entered into

the Break Neck order form. We’ll spend a lot more time looking at

the Document Object Model in Chapter 4. For now, just think of

the DOM as the way you ask the web browser to get information

from, or send information to, a web page.

Man, Break Neck pizza rocks. There’s

nothing like a breakfast of cold pizza, a

whipped latte from Starbuzz, and the

Webville Times to read.

<script>

var request...

function foo()

{

...

}

</script>

JavaScript

<script>

var request...

function foo()

{

...

}

</script>

Customer’s Phone Number

Customer’s Address

Customer’s Order

<script>

var request...

function foo()

{

...

}

</script>

JavaScript

Web Browser

Internet Explorer

Firefox

Opera

Safari

Mozilla

Your JavaScript uses the DOM

to ask the web browser for

information in a web page.

The browser can access a web

page, including its elds, values,

and even display properties.

document

getElementById(“phone”)

value

Use the document variable to

ask the browser for access to

the entire web page.

This tells the browser to look

for any element in the document

that has an id attribute with a

value of “phone”.

Once you’ve found an <input>

element, you can get the text

in the eld with the “value”

attribute of the eld.

the document object model

This is the actual JavaScript

code you’d ...