<!DOCTYPE html>
<title>innerHTML in HTML</title>
<link rel="author" title="Ms2ger" href="mailto:[email protected]">
<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>