123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <?xml version="1.0">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>Delayed remove of an element</title>
- <script type="text/javascript">
-
- var parentNode;
- var elementId;
-
- function timedRemove()
- {
- var t = setTimeout('removeElement()', 500);
- t = setTimeout('insertElement()', 2000);
- }
- function removeElement()
- {
- var element = document.getElementById('element-to-remove');
- elementId = element.id;
- parentNode = element.parentNode;
- parentNode.removeChild(element);
- }
- function insertElement()
- {
- var newElement = document.createElement('p');
- newElement.setAttribute('id', elementId);
- newElement.innerHTML = 'new element';
- parentNode.appendChild(newElement);
- }
- </script>
- </head>
- <body>
- <form>
- <input id="buttonDelete" type="button" value="element will be removed in half a second"
- onclick="timedRemove()"/>
- </form>
- <p id="element-to-remove">element</p>
- </body>
- </html>
|