<html>
<head>
<script language="JavaScript">
function function1() {
for (var i = 0; i < document.all.length; i++) {
if (document.all[i].canHaveChildren) {
document.all[i].style.color = "blue";
}
}
alert("Elements have not been colored!");
}
</script>
</head>
<body>
<input type="button"
value="Color in blue only the elements that can have children"
onClick="function1();">
<input type="checkbox" checked>
The checkbox label
<input type="text" name="text1" value="Some textbox here.">
<table cellpadding="10" border="2">
<tr>
<th width="80">Header 1</th>
<th width="80">Header 2</th>
<th width="80">Header 3</th>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>
</body>
</html>