| <html> |
| <body> |
| <script> |
| function createImage() { |
| let img = new Image(0, 0); |
| let sibling = document.getElementById('firstChild'); |
| sibling.parentNode.insertBefore(img, sibling); |
| } |
| //# sourceURL=inspector-dom-origin-url-1.js |
| </script> |
| |
| <script> |
| let firstChild = document.body.appendChild(document.createElement('span')); |
| firstChild.setAttribute('id', 'firstChild'); |
| createImage(); |
| </script> |
| <iframe name='testWrite'></iframe> |
| <span id='testInnerText'>Original content.</span> |
| <div id='testInnerHtml1'></div> |
| <script>document.getElementById('testInnerHtml1').innerHTML = 'Hello';</script> |
| <span id='testInnerHtml2'></span> |
| <div id='testOuterHtml'></div> |
| |
| <script> |
| testWrite.document.write('<p>Top html node has an origin url.</p>'); |
| //# sourceURL=inspector-dom-origin-url-2.js |
| </script> |
| |
| <script> |
| testWrite.document.write('<span><p>Only top node has an origin url.</p></span><p>And sibling top node.</p>'); |
| document.getElementById('testInnerText').innerText = 'New content.'; |
| eval("document.getElementById('testInnerHtml2').innerHTML = '<p><span>Inner World</span></p>'"); |
| document.getElementById('testOuterHtml').outerHTML = '<p><span>Outer World</span></p>'; |
| //# sourceURL=inspector-dom-origin-url-3.js |
| </script> |
| </body> |
| </html> |