| <!-- |
| @AURALINUX-ALLOW:class:* |
| @AURALINUX-ALLOW:tag:* |
| @BLINK-ALLOW:className* |
| @BLINK-ALLOW:htmlTag* |
| @WAIT-FOR:Done |
| --> |
| <!doctype> |
| <html> |
| <body> |
| <div id="svg" class="svg-container"> |
| <svg aria-label="original" xmlns="http://www.w3.org/2000/svg"></svg> |
| </div> |
| <div id="math" class="math-container"> |
| <math aria-label="original" xmlns="http://www.w3.org/1998/Math/MathML"></math> |
| </div> |
| <script> |
| ["svg", "math"].forEach(tagName => { |
| let div = document.getElementById(tagName); |
| // HTML namespace. |
| let child = document.createElement(tagName); |
| child.setAttribute("class", "html-namespace"); |
| child.setAttribute("aria-label", "created"); |
| div.appendChild(child); |
| // Custom namespace. |
| let custom = document.createElementNS("https://example.com/namespace", tagName); |
| custom.setAttribute("class", "custom-namespace"); |
| custom.setAttribute("aria-label", "created"); |
| div.appendChild(custom); |
| }); |
| document.body.appendChild(document.createTextNode("Done")); |
| </script> |
| </body> |
| </html> |
