<svg xmlns="http://www.w3.org/2000/svg" onload="setTimeout(boom, 30);" class="reftest-wait"> <script style="display: none" type="text/javascript"> <![CDATA[ function boom() { var oldGrad = document.getElementById("grad"); oldGrad.parentNode.removeChild(oldGrad); var newGrad = document.createElementNS("http://www.w3.org/2000/svg", "radialGradient"); newGrad.setAttribute("gradientUnits", "userSpaceOnUse"); newGrad.setAttribute("id", "grad"); document.documentElement.appendChild(newGrad); document.documentElement.removeAttribute("class"); } ]]> </script> <radialGradient id="grad" gradientUnits="userSpaceOnUse" cx="240" cy="210" r="220" fx="240" fy="210"> <stop stop-color="yellow" offset="0"/> <stop stop-color="green" offset="1"/> </radialGradient> <rect x="20" y="150" width="440" height="80" fill="url(#grad)" stroke-width="40"/> </svg>