68 lines
1.3 KiB
HTML
68 lines
1.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>createCaption() test</title>
|
|
<script type="text/javascript">
|
|
|
|
function captionfruit() {
|
|
var x = document.getElementById('fruitTable').createCaption()
|
|
x.innerHTML="<b>Fruity</b>"
|
|
}
|
|
|
|
function captionveggie() {
|
|
var x = document.getElementById('veggieTable').createCaption()
|
|
x.innerHTML="<b>Vegetabley</b>"
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload = "captionfruit(); captionveggie()">
|
|
<p>Tests: the TABLE.createCaption() method<br>
|
|
</p>
|
|
<p>Conditions:<br>
|
|
If no caption exists, the method should create an empty caption, add it to the table, and return a pointer to it.
|
|
If a caption does exist, the method should return a pointer to it.
|
|
</p>
|
|
|
|
<p>If successful, the first table should have the caption <b>Fruity</b>, and the second table should have the caption
|
|
<b>Vegetabley</b>. Upon failure, the first table will have no caption, and the second table will have the caption
|
|
Things.
|
|
</p>
|
|
<hr>
|
|
|
|
<table id="fruitTable" border="1">
|
|
<tr>
|
|
<th>Fruit</th>
|
|
<th>Color</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Banana</td>
|
|
<td>Yellow</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Grape</td>
|
|
<td>Purple</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<br>
|
|
|
|
<table id="veggieTable" border="1">
|
|
<caption> Things </caption>
|
|
<tr>
|
|
<th>Vegetable</th>
|
|
<th>Color</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Carrot</td>
|
|
<td>Orange</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Cucumber</td>
|
|
<td>Green</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|
|
|