1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
<!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>
|
