Copie el código de código de la siguiente manera:
<html>
<cabeza>
<título></título>
<guión>
/*
Cómo obtener el objeto de nodo de documento:
*/
//El primero se obtiene por id
función documentoDemo(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px sólido #00ff00";
}
// Segundo, a través del atributo de nombre
función documentoDemo2(){
var inputNode = document.getElementsByName("txt");
alerta(inputNode.length);
alerta(inputNode[0].valor);
}
// El tercer tipo, a través del nombre de la etiqueta
función documentoDemo3(){
var tdNode = document.getElementsByTagName("td");
alerta(tdNode.length);
for(var x = 0; x < tdNode.length;x++){
alerta(tdNode[x].innerText);
}
}
</script>
<tipo de estilo="texto/css">
.onediv{
ancho: 200 px;
altura: 100 px;
borde: 1px sólido #f00;
margen superior: 20px;
}
tabla,td{
borde: 1px sólido #00f;
ancho: 200 px;
margen superior: 20px;
alineación de texto:centro;
}
</estilo>
</cabeza>
<cuerpo>
<input type="botón" valor="demostración de objeto de documento" onclick="documentDemo3()"><br/>
<div>
Este es el contenido del div.
</div>
<tipo de entrada="txt" nombre="txt" >
<tipo de entrada="txt" nombre="txt" >
<espacio entre celdas de tabla="0" id="tab_id">
<tr>
<td>java</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>ios</td>
</tr>
</tabla>
<span>Esta es un área amplia</span> <br/>
<a href="#">Este es un hipervínculo</a>
<cuerpo>
</html>