Показать сообщение отдельно
  #3 (permalink)  
Старый 23.03.2014, 04:21
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<style>
  div.item {
    background-color: green;
    width: 200px;
    margin: 10px;
    padding: 5px;
  }
</style>
<div id="example">
  <div class="item">
    <div class="dFoto">
      <span class="h1">
        Текст 1
      </span>
    </div>
  </div>
  <div class="item">
    <div class="dFoto">
      <span class="h1">
        Текст2
      </span>
    </div>
  </div>
</div>
<script>
  window.onload = function () {
    var aals = document.querySelectorAll('#example>div.item'),
      len = aals.length,
      divmouse = function (e) {
        var el = e ? e.target : window.event.srcElement;
        var ch = el.querySelector('span.h1');
        alert(ch.innerHTML);
      };
    for (; len--; aals[len].onmouseenter = divmouse);
  };
</script>

Последний раз редактировалось Vlasenko Fedor, 23.03.2014 в 04:26.
Ответить с цитированием