Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Доступ к div по имени класса li (https://javascript.ru/forum/events/32531-dostup-k-div-po-imeni-klassa-li.html)

oslayer 19.10.2012 14:25

Доступ к div по имени класса li
 
Есть во такой кусок html кода
......
<li class="alt sfHover">
<a href="http://chemirus.tmweb.ru/16-keram">Керамика</a>
<div class="st" style="display: none; visibility: hidden;"></div>
<ul class="level2" style="display: none; visibility: hidden;"><ul>
</li>
........


Каким образом прописать следующую логику?

Если
li class="alt sfHover"
то тогда
div class="st"  style="display: bloc; visibility: visible;"


помогите пожалуйста с решением этой проблемы.:help:

vashurin 19.10.2012 14:44

Цитата:

Сообщение от oslayer (Сообщение 211200)
Есть во такой кусок html кода
......
<li class="alt sfHover">
<a href="http://chemirus.tmweb.ru/16-keram">Керамика</a>
<div class="st" style="display: none; visibility: hidden;"></div>
<ul class="level2" style="display: none; visibility: hidden;"><ul>
</li>
........


Каким образом прописать следующую логику?

Если
li class="alt sfHover"
то тогда
div class="st"  style="display: bloc; visibility: visible;"


помогите пожалуйста с решением этой проблемы.:help:

className и регулярные выражения...
Хотя, часто для таких задач подключают библиотеки, типа jQuery. Но за частую это лишнее.

Думаю хватит и такого:
var flag = document.getElementsByTagName('li')[0].className;
var pattern = /\bsfHover\b/;
if(flag.search(pattern) != -1){
}else{
}

oslayer 19.10.2012 20:35

А можно подробнее? на сколько я понимаю то
if(flag.search(pattern) != -1){вот здесь}else{и вот здесь должно быть действие}

каким образом?


Часовой пояс GMT +3, время: 01:54.