cjwainwright/innerHTMLissue.html

## innerHTMLissue.html
<!doctype html>
<html>
	<body>
        <div id="a">
            <div id="b">
                <div id="c">Original Child 1</div>
                <div>Original Child 2</div>
            </div>
        </div>
        <script type="text/javascript">
            // get references to a couple of child nodes
            var b = document.getElementById('b');
            var c = document.getElementById('c');

            // replace all children by updating the innerHTML
            document.getElementById('a').innerHTML = '<div>Replacement</div>';

            // check the structure of the original child nodes
            console.log(b.childNodes.length); // expect > 0, is 0 in IE9
            console.log(c.innerHTML); // expect "Original Child 1", is "" in IE9
        </script>
	</body>
</html>
	<!doctype html>
	<html>
	<body>
	<div id="a">
	<div id="b">
	<div id="c">Original Child 1</div>
	<div>Original Child 2</div>
	</div>
	</div>
	<script type="text/javascript">
	// get references to a couple of child nodes
	var b = document.getElementById('b');
	var c = document.getElementById('c');

	// replace all children by updating the innerHTML
	document.getElementById('a').innerHTML = '<div>Replacement</div>';

	// check the structure of the original child nodes
	console.log(b.childNodes.length); // expect > 0, is 0 in IE9
	console.log(c.innerHTML); // expect "Original Child 1", is "" in IE9
	</script>
	</body>
	</html>