Kopieren Sie den Codecode wie folgt:
<html>
<Kopf>
<title></title>
<Skript>
/*
So erhalten Sie das Dokumentknotenobjekt:
*/
//Der erste wird von der ID erhalten
Funktion documentDemo(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px solid #00ff00";
}
//Zweitens über das Namensattribut
Funktion documentDemo2(){
var inputNode = document.getElementsByName("txt");
alarm(inputNode.length);
alarm(inputNode[0].value);
}
//Der dritte Typ, durch den Tag-Namen
Funktion documentDemo3(){
var tdNode = document.getElementsByTagName("td");
alarm(tdNode.length);
for(var x = 0; x < tdNode.length;x++){
alarm(tdNode[x].innerText);
}
}
</script>
<style type="text/css">
.onediv{
Breite:200px;
Höhe: 100 Pixel;
border:1px solid #f00;
margin-top:20px;
}
Tabelle,td{
border:1px solid #00f;
Breite:200px;
margin-top:20px;
text-align:center;
}
</style>
</head>
<Körper>
<input type="button" value="document object Demonstration" onclick="documentDemo3()"><br/>
<div>
Dies ist der Inhalt in der div
</div>
<input type="txt" name="txt" >
<input type="txt" name="txt" >
<table cellpacing="0" id="tab_id">
<tr>
<td>Java</td>
<td>php</td>
</tr>
<tr>
<td>.net</td>
<td>ios</td>
</tr>
</table>
<span>Dies ist ein Span-Bereich</span> <br/>
<a href="#">Dies ist ein Hyperlink</a>
<Körper>
</html>