YUI Dom.getChildren

Question

Можете ли вы изменить классы без идентификатора, когда ваши классы являются динамическими, и только родитель имеет идентификатор?

У меня есть что-то вроде:

<div id="number_block">
  <div class="one science easy left"></div>
  <div class="one science easy center"></div>
  <div class="one science easy right"></div>
</div>

Я только достигаю этой части

var number_block_children = Dom.getChildren('number_block');
for(var i=0; i < number_block_children.length; i++)
{
     /* I don't know the syntax to change class name here for every child, is it possible?
      * I can't use Dom.getElementByClassName...since the class is dynamic.
      * It's something similar to how get classname by id, only I don't have id, just parent id:
      *        Dom.get('id-name-here').className
      * I can't figure out how to do this....
      */

}

Спасибо!

Answer 1

Вы можете использовать getAttribute для получения классов элементов:

var number_block_children = YAHOO.util.Dom.getChildren('number_block');
for(var i=0; i < number_block_children.length; i++)
{

    var class = YAHOO.util.Dom.getAttribute(number_block_children[i], 'class');
    var classes = class.split(' ');

}

Answer 2

эй, вы можете сделать что-то вроде

YAHOO.util.Event.addListener(window, "load", function() {
    var number_block_children = YAHOO.util.Dom.getChildren('number_block');
    for(var i=0; i < number_block_children.length; i++)
    {
        console.log(YAHOO.util.Dom.hasClass(number_block_children[i], 'one'));
        console.log(YAHOO.util.Dom.hasClass(number_block_children[i], 'two'));
    }
});

надеюсь, это поможет