dom/document-fragment/insertbefore-df-2.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>DocumentFragment1.insertBefore (DocumentFragment1, 
DocumentFragment1.firstChild)</title>
<script src="../dumptree.js" type="text/javascript"></script>
</head>
<body>
<h1><code><var>DocumentFragment1</var>.insertBefore
(<var>DocumentFragment1</var>, 
<var>DocumentFragment1</var>.firstChild)</code></h1>

<div id="test-result"></div>

<script type="text/javascript" id="test-code">
dumptree (function () {
  var df = document.createDocumentFragment ();
  df.appendChild (document.createTextNode ('text1'));
  df.appendChild (document.createElement ('element1'))
    .appendChild (document.createTextNode ('text1.1'));
  df.appendChild (document.createTextNode ('text2'));
  df.insertBefore (df, df.firstChild);
  return df;
});
</script>

</body>
</html>
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<title>DocumentFragment1.insertBefore (DocumentFragment1,
5	DocumentFragment1.firstChild)</title>
6	<script src="../dumptree.js" type="text/javascript"></script>
7	</head>
8	<body>
9	<h1><code><var>DocumentFragment1</var>.insertBefore
10	(<var>DocumentFragment1</var>,
11	<var>DocumentFragment1</var>.firstChild)</code></h1>
12
13	<div id="test-result"></div>
14
15	<script type="text/javascript" id="test-code">
16	dumptree (function () {
17	var df = document.createDocumentFragment ();
18	df.appendChild (document.createTextNode ('text1'));
19	df.appendChild (document.createElement ('element1'))
20	.appendChild (document.createTextNode ('text1.1'));
21	df.appendChild (document.createTextNode ('text2'));
22	df.insertBefore (df, df.firstChild);
23	return df;
24	});
25	</script>
26
27	</body>
28	</html>