Js — как реализовать клик по дереву?

Question

[des1roer]

имею такое дерево

<ul id="yw2" class="filetree treeview">
<li id="1" class="open collapsable lastCollapsable">
<div class="hitarea open-hitarea collapsable-hitarea lastCollapsable-hitarea"></div>
<ul>
<li id="2" class="open collapsable">
<li id="6" class="open expandable">
<div class="hitarea open-hitarea expandable-hitarea"></div>
<a class="" href="/proizvodstvo/site/page?view=frameset&frame=6">ЛАЦ</a>
<ul style="display: none;">
</li>
<li id="45" class="open collapsable">
<li id="13" class="open collapsable lastCollapsable">
</ul>
</li>

вот в указывается класс class="open collapsable" либо open expandable.
как мне узнать открыта ветка или нет?

UPD

<script>
                console.log(document.getElementById('yw2'));
                var div = document.getElementById('yw2')
                var elems = div.getElementsByTagName('*') 

	for(var i=0; i<elems.length; i++) {
            console.log(elems[i].id, elems[i].classList)
        }
                </script>

получаю 1 DOMTokenList["open"]
при клике на этом

Answer 1

[Rsa97]

JS classList API

Comments

[des1roer]

console.log(document.getElementById('45')); возвращает
а меня collapsable больше интересует

[Rsa97]

Так что возвращает то?

[des1roer]

а код не отобразился )))

[Rsa97]

des1roer: И что вернёт
console.log(document.getElementById('45').classList.contains('collapsable'));

[des1roer]

не возвращает ничего((( уж пробывал

[des1roer]

точнее false везде

[Rsa97]

des1roer: Странно, jsfiddle.net/45br7dnm
возвращает true

[des1roer]

на фидле у меня тоже тру. а вот на локалке и в фф и в хроме фолс

[des1roer]

может как то можно ко второму классу обратиться?

[Rsa97]

des1roer: Чудес не бывает. Если в одном и том же браузере на jsfiddle код работает, а на рабочем сайте тот же код не работает, то скорее всего это не тот же код. Тот html, что вы здесь привели, содержит несколько ошибок. Вы уверены, что скопировали его правильно?

Answer 2

[des1roer]

в общем

var div = document.getElementById('yw2')
                var elems = div.getElementsByTagName('*')

сбил меня с толку. по факту обращался не к тому элементу
если так

var div = document.getElementById('yw2')
       var elems = div.getElementsByTagName('*') 
var elem = [];
	for(var i=0; i<elems.length; i++) {
        id = elems[i].id;  
        if (id)
        elem[id] = document.getElementById(id);
        }

то все хорошо

console.log(elem[13]);
        console.log(document.getElementById('13').classList.contains('open')); 
        elem[13].classList.toggle('open'); 
        console.log(document.getElementById('13').classList.contains('closed'));

<li id="13" class="closed">
false
true