third_party/webdriver/test_data/dynamicallyModifiedPage.html

   1 <?xml version="1.0">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3   <head>
   4     <title>Delayed remove of an element</title>
   5
   6     <script type="text/javascript">
   7
   8       var parentNode;
   9       var elementId;
  10
  11       function timedRemove()
  12       {
  13         var t = setTimeout('removeElement()', 500);
  14         t = setTimeout('insertElement()', 2000);
  15       }
  16
  17       function removeElement()
  18       {
  19         var element = document.getElementById('element-to-remove');
  20         elementId = element.id;
  21         parentNode = element.parentNode;
  22         parentNode.removeChild(element);
  23       }
  24
  25       function insertElement()
  26       {
  27         var newElement = document.createElement('p');
  28         newElement.setAttribute('id', elementId);
  29         newElement.innerHTML = 'new element';
  30         parentNode.appendChild(newElement);
  31       }
  32     </script>
  33
  34   </head>
  35   <body>
  36     <form>
  37       <input id="buttonDelete" type="button" value="element will be removed in half a second"
  38       onclick="timedRemove()"/>
  39     </form>
  40     <p id="element-to-remove">element</p>
  41   </body>
  42 </html>