MooTools: Récupère les nœuds enfants

Question

J'ai l'ID d'un élément. Je veux récupérer tous les enfants éléments et tout le texte nœuds. Existe-t-il un moyen de le faire dans MooTools?

Par exemple, disons que je ce balisage:

<div id="foobar"> 
    test <img /> 
</div> 

Comment puis-je utiliser $ (« toto ») pour sélectionner les deux noeud texte « test » et l'élément « img », comme ils sont frères et sœurs?

Answer 1

Vous pouvez utiliser la get() fonction pour obtenir des propriétés spécifiques d'un élément qui a été défini dans le hachage Element.properties (« html », « texte » ou « tag » sont définis par défaut):

alert($('foobar').get('text')); //alerts 'test' 

Et vous pouvez utiliser la fonction getChildren() pour obtenir l'ensemble des éléments enfants. getChildren() fonction peut prendre une correspondance, de sorte que vous pouvez utiliser $('foobar').getChildren('img') pour retourner seulement l'élément img, ou simplement $('foobar').getChildren() pour retourner tous les éléments.

Answer 2

Dans l'exemple que vous avez donné, vous ne pouvez pas obtenir "test" en tant que nœud de texte car c'est une propriété de la div "foobar". Si vous souhaitez obtenir les deux noeuds que vous pouvez obtenir les nœuds enfants et la div même: http://mootools.net/shell/NG3Yn/

Cependant, comme @zombat a souligné, vous devrez utiliser obtenir et définir (« texte ») afin de manipuler le texte.