Discussion :

[Lcf.vs]

Bonsoir à tous...


Je cherche à savoir comment détecter si une balise est inscriptible (qui peut contenir d'autres éléments).


Exemples de ce que ça devrait retourner :

img -> non

a -> oui


Auriez-vous une idée, évitant de passer tout un tableau en revue, svp?

J'imagine que ça doit être accessible via une propriété, mnt, savoir laquelle... :-°

[SpaceFrog]

childNodes ?

[Lcf.vs]

Merci de m'avoir répondu, Spacefrog...

Néanmoins, childNodes, que je sache, me retournera simplement qu'il est vide et non que l'élément html est de type EMPTY (de par la dtd)...

N'hésite pas à me dire si je suis dans l'erreur, hein.

[Bovino]

Il existe deux propriétés mais spécifiques IE : canHaveChildren ou canHaveHTML.
A part ça, je ne vois pas d'autres solutions.

[SpaceFrog]

en fait je pensais plus à un test hasOwnProperty

[Lcf.vs]

en fait je pensais plus à un test hasOwnProperty

J'y ai pensé aussi mais le résultat n'est pas fiable, pour déterminer si l'objet est de type EMPTY...


Bovino> Merci beaucoup mais, évidemment, j'ai besoin de qqch de portable (voire, de standard)... ^^

[Bovino]

déterminer si l'objet est de type EMPTY...

Dans la mesure où c'est supposé dépendre de la DTD, je ne pense pas que JavaScript puisse connaitre ce genre d'information...

EDIT :
A titre d'exemple, exécute le code suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var imgTest = document.createElement('img');
document.body.appendChild(imgTest);
imgTest.appendChild(document.createTextNode('Toto'))

dans une page et tu verras que JavaScript n'a pas de notion de balise empty (Firefox du moins).

[Lcf.vs]

Bovino> C'est justement pour éviter ce que produit un code similaire à ton exemple que je recherche cette info...

[Lcf.vs]

Bon, j'ai trouvé la ze solution, pour ceux que cela intéresse...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function isWritableNode(oNode){
	oNode.innerHTML='';
	if(oNode.innerHTML!=''){
		for(var i=0;i<oNode.childNodes.length;i++){
			oNode.removeChild(oNode.childNodes[i]);
		}
		return false;
	}
	return true;
}

[SpaceFrog]

heu ton code là il retourne une erreur sur un node img ...

[Lcf.vs]

En effet, mea culpa, sous IE, ça plantait et sous Chrome, le résultat n'était pas celui attendu.

Voici donc la version portable:

Code :

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
function isWritableNode(oNode){
	if(!oNode.canHaveChildren){
		oNode.innerHTML='miscarriage';
		if(oNode.innerHTML=='miscarriage'){
			oNode.innerHTML='';
			return true;
		}
		oNode.innerHTML='';
		for(var i=0;i<oNode.childNodes.length;i++){
			oNode.removeChild(oNode.childNodes[i]);
		}
	}
	else{
		return oNode.canHaveChildren;
	}
	return false;
}

Pas super élégant mais ça fonctionne