div的onmouseover改变该div内容后，该div的onmouseout无法触发

Question

我期待鼠标移入元素后，显示元素的另一种风格，然后移出时，还原。
但mouseover和mouseout事件函数都绑定到包含元素的div里，
mouseover会改变div内的元素，
为什么mouseover后，这个div的mouseout得不到触发？？？？？？
求高手帮忙，非常感激for (var i = 0; i != this._elements.length; i++) {
var self = this;
(function() {
var ei = i;
var div = document.createElement("div");
div.setAttribute("id", self._id_prefix + "e" + i);
div.innerHTML = self._elements[i].inner_html(self);
div.style.position = 'absolute';
div.style.top = self._elements[i].get_position().row * (self.base_size + self.margin) + 'px';
div.style.left = self._elements[i].get_position().col * (self.base_size + self.margin) + 'px';
if (div.addEventListener) {
div.addEventListener("mouseover",  function()
{
/*
var img = div.firstChild;
div.removeChild(img);
*/
div.innerHTML = self._elements[ei].inner_html_on_mouse_over(self);
//delete div.onmouseover;
}, false);
div.addEventListener("mouseout", function() {
alert("mouse out");
var img = div.firstChild;
div.removeChild(img);
div.innerHTML = self._elements[ei].inner_html(self);

}, false);
}
metro_div.appendChild(div);
}());
}

Answer 1

$("div").hover(
//鼠标经过
   funcation(){
   },
//鼠标离开
   funcation(){
   }
);

Answer 2

多谢各位，问题解决了。是改变元素后，一直触发mouseover，现在mouse over里removeEventHandler了。
另外，初学js，喜欢自己耍原生js，不喜欢用库！