Contrôler le caractère inscriptible d'une balise?

Version imprimable

01/11/2010, 22h42
Lcf.vs

Contrôler le caractère inscriptible d'une balise?

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... :-°
02/11/2010, 09h12
SpaceFrog

childNodes ?
02/11/2010, 09h38
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. ;)
02/11/2010, 09h46
Bovino

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

en fait je pensais plus à un test hasOwnProperty
02/11/2010, 09h56
Lcf.vs

Citation:

Envoyé par SpaceFrog

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)... ^^
02/11/2010, 10h33
Bovino
Citation:

Envoyé par Wapper

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:

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).
02/11/2010, 10h53
Lcf.vs

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

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

Code:

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;
}

02/11/2010, 16h24
SpaceFrog

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

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:

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 :)