Wednesday, October 19, 2011

Modifying DOM Elements Dynamically

How do you use the DOM manipulation commands to modify a specific DOM element dynamically?

In this illustrative solution an eValid script demonstrates the ability to modify the DOM dynamically by using eValid DOM manipulation commands to change the background color.

  1. Navigates to a page
  2. Changes the background color for one element to COLOR1.
  3. Waits 5 seconds (so you can see the effect).
  4. Changes the background color for one element to COLOR2
  5. Waits 5 seconds (so you can see the effect).
  6. Changes the background color back to the original background color.
  7. Waits 5 seconds (so you can see the effect).

Here is the link to the full solution description: Modify a DOM Element Dynamically

No comments: