The DHTML way
Using DHTML, you can access the information in a form field, or even change it. For example, you can create a script that increments the current form value by 1, then tell the page to execute the script when the user presses the button:Listing 2. Incrementing the current number
In Listing 2, the
incrementCurrent() function takes the document object, and then pulls the
noteForm object out of the array of forms within the page. From the
noteForm object, the function gets the form field named
total and retrieves the value. It then updates this value within the page.
These kinds of changes are live. If you make the changes to the page, reload, and press the button repeatedly, you'll see that the text field is updated each time.
Similarly, you can retrieve the text of the
div element using DHTML properties. Because it has an
mainDiv, you could use the property
innerHTML, as in:
theText = mainDiv.innerHTML;
In this case, you see two DHTML techniques: the
array, and calling elements by names based on attribute values, rather
than by element names or by overall structure. The problem here is that
it doesn't lend itself well to generalization. Yes, you can use a
variable for the name of the form, but what if an alternate
presentation doesn't actually use a form?