<!
DOCTYPE HTML>
<
html>
<!--
-->
<
head>
<
title>W3 Tests for Element Traversal -
HTML</
title>
<
script src=
"/tests/SimpleTest/SimpleTest.js"></
script>
<
link rel=
"stylesheet" type=
"text/css" href=
"/tests/SimpleTest/test.css" />
</
head>
<
body>
<
p id=
"parentEl_count">
<
span id=
"first_element_child_count">
<
span></
span>
<
span></
span>
</
span>
<
span id=
"middle_element_child_count"></
span>
<
span id=
"last_element_child_count"></
span>
</
p>
<
p id=
"parentEl_nochild">
</
p>
<
p id=
"parentEl_null">
</
p>
<
p id=
"parentEl_dynamicadd">
<
span id=
"first_emement_child_add"></
span>
</
p>
<
p id=
"parentEl_dynamicremove">
<
span id=
"first_emement_child_remove"></
span>
<
span id=
"last_emement_child_remove"></
span>
</
p>
<
p id=
"parentEl_fec">
<
span id=
"first_element_child_fec"></
span>
</
p>
<
p id=
"parentEl_lec">
<
span id=
"first_element_child_lec"></
span>
<
span id=
"last_element_child_lec"></
span>
</
p>
<
p id=
"parentEl_namespace">
<pickle:
span id=
"first_element_child_namespace"></pickle:
span>
</
p>
<
p id=
"parentEl_nes">
<
span id=
"first_element_child_nes"></
span>
<
span id=
"last_element_child_nes"></
span>
</
p>
<
p id=
"parentEl_pes">
<
span id=
"first_element_child_pes"></
span>
<
span id=
"middle_element_child_pes"></
span>
<
span id=
"last_element_child_pes"></
span>
</
p>
<
p id=
"parentEl_sibnull">
<
span id=
"first_element_child_sibnull"></
span>
</
p>
<
pre id=
"test">
<
script class=
"testbody" type=
"text/javascript">
function runTest() {
//from et-childElementCount.
html
var parentEl = document.getElementById(
"parentEl_count");
is(parentEl.childElementCount &&
3, parentEl.childElementCount,
"Child Element Count is mismatched");
//from et-childElementCount-nochild.
html
var parentEl_nochild = document.getElementById(
"parentEl_nochild");
is(parentEl_nochild.childElementCount,
0,
"Child Element count is not 0");
//from et-childElementCount-null.
html
parentEl = document.getElementById(
"parentEl_null");
is(null == parentEl.firstElementChild, null == parentEl.lastElementChild,
"firstElementChild or lastElementChild is not null");
//from et-dynamic-add.
html
parentEl = document.getElementById(
"parentEl_dynamicadd");
var newChild = document.createElement(
"span")
parentEl.appendChild( newChild );
is(parentEl.childElementCount &&
2, parentEl.childElementCount,
"failed to add span element");
//from et-dynamic-remove.
html
parentEl = document.getElementById(
"parentEl_dynamicremove");
var lec = parentEl.lastElementChild;
parentEl.removeChild( lec );
is(parentEl.childElementCount &&
1, parentEl.childElementCount,
"failed to remove span element");
//from et-firstElementChild.
html
parentEl = document.getElementById(
"parentEl_fec");
var fec = parentEl.firstElementChild;
is(fec.nodeType,
1,
"failed to get firstElementChild");
is(fec.getAttribute(
"id"),
"first_element_child_fec",
"failed to get firstElementChild");
isnot(fec, null,
"failed to get firstElementChild");
//from et-lastElementChild.
html
parentEl = document.getElementById(
"parentEl_lec");
var lec = parentEl.lastElementChild;
is(lec.nodeType,
1,
"failed to get lastElementChild");
is(lec.getAttribute(
"id"),
"last_element_child_lec",
"failed to get lastElementChild");
isnot(lec, null, "failed to get lastElementChild");
//from et-namespace.html
parentEl = document.getElementById("parentEl_namespace");
var fec = parentEl.firstElementChild;
isnot(fec, null, "failed to get firstElementChild in namespace");
is(fec.getAttribute("id"), "first_element_child_namespace", "failed to get firstElementChild in namespace");
//from et-nextElementSibling.html
parentEl = document.getElementById("parentEl_nes");
var fec = parentEl.firstElementChild;
var nes = fec.nextElementSibling;
is(nes.nodeType, 1, "failed to get nextElementSibling");
is(nes.getAttribute("id"), "last_element_child_nes", "failed to get nextElementSibling");
isnot(nes, null, "failed to get nextElementSibling");
//from et-previousElementSibling.html
var lec = document.getElementById("last_element_child_pes");
var pes = lec.previousElementSibling;
is(pes.nodeType, 1, "failed to get previousElementSibling");
is(pes.getAttribute("id"), "middle_element_child_pes", "failed to get previousElementSibling");
isnot(pes, null, "failed to get previousElementSibling");
//from et-siblingElement-null.html
var fec = document.getElementById("first_element_child_sibnull");
var pes = fec.previousElementSibling;
var nes = fec.nextElementSibling;
is(pes, null, "got unexpected previousElementSibling");
is(nes, null, "got unexpected nextElementSibling");
}
SimpleTest.waitForExplicitFinish();
addLoadEvent(runTest);
addLoadEvent(SimpleTest.finish)
</script>
</pre>
</body>
</html>
