<!DOCTYPE html> <title>innerHTML in HTML</title> <link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> <link rel="help" href="https://w3c.github.io/DOM-Parsing/#widl-Element-innerHTML"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <div id="log"></div> <script> function testIsChild(p, c) { assert_equals(p.firstChild, c); assert_equals(c.parentNode, p); } test(function() { var p = document.createElement('p'); var b = p.appendChild(document.createElement('b')); var t = b.appendChild(document.createTextNode("foo")); testIsChild(p, b); testIsChild(b, t); assert_equals(t.data, "foo"); p.innerHTML = ""; testIsChild(b, t); assert_equals(t.data, "foo"); }, "innerHTML should leave the removed children alone.") </script>