blob: 6429e37bb5bc8bf23913328e5c582fa1462fcdc7 [file] [log] [blame]
<!DOCTYPE html>
<html><head>
<title>getElementsByClassName</title>
<meta content="get elements in document then add element to collection" name="description">
<link href="https://dom.spec.whatwg.org/#dom-document-getelementsbyclassname" rel="help">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="log"></div>
<div>
<div>
<a class="text link" href="#foo">test link #foo</a>
</div>
<b class="text">text</b>
</div>
<table>
<caption class="text caption">text caption</caption>
<thead>
<tr>
<td class="TEXT head">TEXT head</td>
</tr>
</thead>
<tbody>
<tr>
<td class="td text1">td text1</td>
</tr>
<tr>
<td class="td text">td text</td>
</tr>
<tr>
<td class="td te xt">td te xt</td>
</tr>
</tbody>
<tfoot>
<tr>
<td class="TEXT foot">TEXT foot</td>
</tr>
</tfoot>
</table>
<div class="xt te">xt te</div>
<script type="text/javascript">
test(function()
{
var collection = document.getElementsByClassName("text");
assert_equals(collection.length, 4);
var newDiv = document.createElement("div");
newDiv.setAttribute("class", "text");
newDiv.innerHTML = "text newDiv";
document.getElementsByTagName("table")[0].tBodies[0].rows[0].cells[0].appendChild(newDiv);
assert_equals(collection.length, 5);
assert_equals(collection[0].parentNode.nodeName, "DIV");
assert_equals(collection[1].parentNode.nodeName, "DIV");
assert_equals(collection[2].parentNode.nodeName, "TABLE");
assert_equals(collection[3].parentNode.nodeName, "TD");
assert_equals(collection[4].parentNode.nodeName, "TR");
}, "get elements in document then add element to collection");
</script>
</body></html>