MooTools: получить дочерние узлы

Question

У меня есть идентификатор элемента.Я хочу получить все дочерние элементы и весь текст узлов .Есть ли способ сделать это в MooTools?

Например, скажем, у меня есть эта разметка:

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

Как я могу использовать $ ('foobar'), чтобы выбрать и текстовый узел "test", и элемент "img", как ониВы братья и сестры?

Answer 1

Вы можете использовать функцию get () , чтобы получить конкретные свойства элемента, которые были установлены в Element.properties hash ('html') «текст» или «тег» установлены по умолчанию):

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

И вы можете использовать функцию getChildren () , чтобы получить набор дочерних элементов. Функция getChildren() может принимать совпадение, поэтому вы можете использовать $('foobar').getChildren('img') для возврата только элемента img или просто $('foobar').getChildren() для возврата всех элементов.

Answer 2

В приведенном вами примере вы не можете получить "test" как текстовый узел, потому что это свойство div "foobar". Если вы хотите получить оба узла, вы можете получить дочерние узлы и сам div: http://mootools.net/shell/NG3Yn/

Однако, как указал @zombat, вам придется использовать get и set ('text') для манипулирования текстом.