123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <!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>
|