Copie o código do código da seguinte forma:
<html>
<cabeça>
<título></título>
<roteiro>
/*
Como obter o objeto do nó do documento:
*/
//O primeiro é obtido por id
função documentoDemo(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px sólido #00ff00";
}
//Segundo, através do atributo name
função documentoDemo2(){
var inputNode = document.getElementsByName("txt");
alerta(inputNode.length);
alerta(inputNode[0].valor);
}
//O terceiro tipo, através do nome da tag
função documentoDemo3(){
var tdNode = document.getElementsByTagName("td");
alerta(tdNode.length);
for(var x = 0; x < tdNode.length;x++){
alerta(tdNode[x].innerText);
}
}
</script>
<style type="texto/css">
.onediv{
largura:200px;
altura:100px;
borda:1px sólido #f00;
margem superior: 20px;
}
tabela,td{
borda:1px sólido #00f;
largura:200px;
margem superior: 20px;
alinhamento de texto:centro;
}
</estilo>
</head>
<corpo>
<input type="button" value="demonstração de objeto de documento" onclick="documentDemo3()"><br/>
<div>
Este é o conteúdo da div
</div>
<input type="txt" nome="txt" >
<input type="txt" nome="txt" >
<table cellpacing="0" id="tab_id">
<tr>
<td>java</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>ios</td>
</tr>
</tabela>
<span>Esta é uma área de extensão</span> <br/>
<a href="#">Este é um hiperlink</a>
<corpo>
</html>