Copy kode kodenya sebagai berikut:
<html>
<kepala>
<judul></judul>
<skrip>
/*
Cara mendapatkan objek simpul dokumen:
*/
//Yang pertama diperoleh dengan id
fungsi dokumenDemo(){
var tableNode = dokumen.getElementById("tab_id");
tableNode.style.border = "5px solid #00ff00";
}
//Kedua, melalui atribut nama
fungsi dokumenDemo2(){
var inputNode = dokumen.getElementsByName("txt");
alert(inputNode.panjang);
peringatan(inputNode[0].value);
}
//Tipe ketiga, melalui nama tag
fungsi dokumenDemo3(){
var tdNode = dokumen.getElementsByTagName("td");
alert(tdNode.panjang);
for(var x = 0; x < tdNode.panjang;x++){
peringatan(tdNode[x].innerText);
}
}
</skrip>
<gaya tipe="teks/css">
.onediv{
lebar:200 piksel;
tinggi:100 piksel;
batas:1 piksel padat #f00;
margin-atas:20px;
}
meja,td{
batas:1 piksel padat #00f;
lebar:200 piksel;
margin-atas:20px;
perataan teks:tengah;
}
</gaya>
</kepala>
<tubuh>
<input type="button" value="demonstrasi objek dokumen" onclick="documentDemo3()"><br/>
<div>
Ini adalah konten div
</div>
<masukan tipe="txt" nama="txt" >
<masukan tipe="txt" nama="txt" >
<tabel cellpacing="0" id="tab_id">
<tr>
<td>jawa</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>ios</td>
</tr>
</tabel>
<span>Ini adalah area rentang</span> <br/>
<a href="#">Ini adalah hyperlink</a>
<tubuh>
</html>