<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
<head>
  <meta charset="utf-8">
  <title>Test the web console output - 04</title>
  <!--
  - Any copyright is dedicated to the Public Domain.
  - http://creativecommons.org/publicdomain/zero/1.0/
  -->
</head>
<body>
  <p>hello world!</p>
  <script type="text/javascript">
function testTextNode() {
  return document.querySelector("p").childNodes[0];
}

function testCommentNode() {
  return document.head.childNodes[5];
}

function testDocumentFragment() {
  var frag = document.createDocumentFragment();

  var div = document.createElement("div");
  div.id = "foo1";
  div.className = "bar";
  frag.appendChild(div);

  var span = document.createElement("span");
  span.id = "foo2";
  span.textContent = "hello world";
  div.appendChild(span);

  var div2 = document.createElement("div");
  div2.id = "foo3";
  frag.appendChild(div2);

  return frag;
}

function testError() {
  try {
    window.foobar("a");
  } catch (ex) {
    return ex;
  }
  return null;
}

function testDOMException() {
  try {
    var foo = document.querySelector("foo;()bar!");
  } catch (ex) {
    return ex;
  }
  return null;
}

function testCSSStyleDeclaration() {
  document.body.style = 'color: green; font-size: 2em';
  return document.body.style;
}

function testStyleSheetList() {
  var style = document.querySelector("style");
  if (!style) {
    style = document.createElement("style");
    style.textContent = "p, div { color: blue; font-weight: bold }\n" +
                        "@media print { p { background-color: yellow } }";
    document.head.appendChild(style);
  }
  return document.styleSheets;
}
  </script>
</body>
</html>