Copiez le code comme suit :
<html>
<tête>
<titre></titre>
<script>
/*
Comment obtenir l'objet nœud de document :
*/
//Le premier est obtenu par id
fonction documentDémo(){
var tableNode = document.getElementById("tab_id");
tableNode.style.border = "5px solide #00ff00";
}
// Deuxièmement, via l'attribut name
fonction documentDemo2(){
var inputNode = document.getElementsByName("txt");
alerte(inputNode.length);
alert(inputNode[0].value);
}
//Le troisième type, via le nom de la balise
fonction documentDemo3(){
var tdNode = document.getElementsByTagName("td");
alerte(tdNode.length);
pour(var x = 0; x < tdNode.length;x++){
alert(tdNode[x].innerText);
}
}
</script>
<style type="text/css">
.onediv{
largeur : 200 px ;
hauteur : 100 px ;
bordure : 1px solide #f00 ;
marge supérieure : 20 px ;
}
table,td{
bordure : 1px solide #00f ;
largeur : 200 px ;
marge supérieure : 20 px ;
texte-align:centre;
}
</style>
</tête>
<corps>
<input type="button" value="démonstration d'objet document" onclick="documentDemo3()"><br/>
<div>
C'est le contenu du div
</div>
<input type="txt" nom="txt" >
<input type="txt" nom="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>Il s'agit d'une zone étendue</span> <br/>
<a href="#">Ceci est un lien hypertexte</a>
<corps>
</html>