<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>