J'ai un soucis pour récupérer la donnée de champs d'un tableau HTML.

Exemple:
XML:

Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<?xml version="1.0" encoding="ISO-8859-1"?> 
<racine>
    <enfant>
        <nom>Loïc</nom>
        <lien>garçon</lien>
        <date>07/11/83</date>
        <data>Le petit qui me dépasse d'une tête.</data>
    </enfant>
</racine>


Et le HTML:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html> 
<body>
Voici du Html... 
<xml id="fichierxml" src="simple.xml"></xml>
<table border="1" datasrc="#fichierxml"> 
<tr>
<td id='1'><span datafld="nom"></span></td> 
<td ><span datafld="lien"></span></td> 
<td>Anniversaire le <span datafld="date"></td>
</tr>
</table>
<script>
var obj= document.getElementId('1').getChildren.data;
if( obj==''){
    document.getElementId('1').bgColor='red';
}
</script>
</body> 
</html>


Donc j'aimerais pouvoir afficher la cellule en rouge dans le cas ou il n'y a pas de données dedans.