| <html> | |
| <head> | |
| <script> | |
| var doMutation = function() { | |
| var text_only_region = document.getElementById("text_only"); | |
| var to_remove = document.getElementById("text_only_to_remove"); | |
| text_only_region.removeChild(to_remove); | |
| text_only_region.appendChild(document.createTextNode("Irrelevant")) | |
| var additions_only_region = document.getElementById("additions_only"); | |
| to_remove = document.getElementById("additions_only_to_remove"); | |
| additions_only_region.removeChild(to_remove); | |
| var to_mutate = document.getElementById("additions_only_to_mutate"); | |
| to_mutate.firstChild.textContent = "New Content"; | |
| window.setTimeout(function() { window.close(); } ); | |
| } | |
| window.addEventListener("load", doMutation); | |
| </script> | |
| </head> | |
| <body> | |
| <div id="text_only" aria-live="polite" aria-relevant="text" aria-atomic="false"> | |
| Some contents | |
| <div id="text_only_to_remove"> | |
| Contents to be removed | |
| </div> | |
| <div> | |
| <div id="additions_only" aria-live="polite" aria-relevant="additions" aria-atomic="false"> | |
| Some contents | |
| <div id="additions_only_to_remove"> | |
| Contents to be removed | |
| </div> | |
| <div id="additions_only_to_mutate"> | |
| Old text contents | |
| </div> | |
| <div> | |
| </body> | |
| </html> |