<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>
Codebase Browser
chromium