| <!DOCTYPE html> | |
| <iframe src="resources/div-with-filter.html"></iframe> | |
| <div style="width: 100px; height: 100px; background-color: red; filter: url(resources/hueRotate.svg#MyFilter)"></div> | |
| <script> | |
| onload = () => { | |
| var iframe = document.querySelector('iframe'); | |
| var div_from_iframe = iframe.contentDocument.querySelector('div'); | |
| iframe.remove(); | |
| document.body.appendChild(div_from_iframe); | |
| } | |
| </script> |