[DOM] DOM : parcourir des <td> et supprimer leurs enfants
Bonjour,
comme l'indique assez clairement le titre, je dois parcourir une balise <tr> en javascript afin de supprimer ses enfants si elle en a.
Je vous explique quand même plus globalement mon projet : il s'agit d'un tableau de compétences (notées de 1 à 4 en verticale) concernant des élèves (chaque ligne = 1 élève). Le but étant de reproduire un peu le comportement de boutons radio mais à l'intérieur du tableau. Je vous fourni mon code qui ne fonctionne pas, je crois que je vais le retaper à l'aide des sélecteurs de jquery, ca sera bcp plus simple.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| function toggleCompetence(cell) {
var checked = null;
var source = null;
var eleve = cell.parentNode.attributes[0].nodeValue;
var niveau = cell.attributes[1].nodeValue;
var competence = document.getElementById("competence").attributes[0].nodeValue.substr(35, 1);
var ligne = cell.parentNode; //récupère l'objet TR, contient donc 5 TD
for (var i=5; i<=ligne.childNodes.length; i+=2) { //on commence après la ligne d'en tête et son enfant #text
if(ligne.childNodes[i].childNodes.length>0) {
alert(i+" / hasChildNodes");
} else {//on coche l'actuelle
if (ajaxToggleCompetence(eleve, niveau, "add", competence)) {
source = document.createAttribute("src");
source.nodeValue = "img/point_"+niveau+".gif";
checked = document.createElement('img');
checked.setAttributeNode(source);
cell.appendChild(checked);
}
}
}
} |
Merci de votre aide en tout cas
