小编Gli*_*kis的帖子

我有一个JavaScript函数:

function addTool(id, text, tool, pic) {
   var container = getById('infobox');
   var origimg = getById('tempimg').src;
   container.innerHTML += "<div id='" + id + "' class='toolText'>" + text + "<br><img      class='toolImg' src='img/tools/" + tool + "'></div>";
   getById(id).setAttribute('onMouseOver', "mOver('"+ id +"', '" + pic + "');");
   getById(id).setAttribute('onMouseOut', "mOut('"+ id +"', '" + origimg + "');");
   getById(id).setAttribute('href', 'javascript:mClick(id);');
}

div使用此代码生成几个s:

addTool("1p", "Bar", "tool1.jpg", 'img/p&g-part-2_skiss1-2.jpg');
addTool("2p", "Tube", "tool1.jpg", 'img/p&g-part-2_skiss1-2.jpg');
addTool("3p", "Rotating", "tool1.jpg", 'img/p&g-part-2_skiss1-2.jpg');

鼠标事件在IE以外的所有主流浏览器中都能正常工作.似乎div除了最后一个之外的所有s都将以小写形式显示鼠标事件,这将使鼠标事件完全与写入大写字母一样.
所有鼠标事件都将触发,除了最后一个div,即使我写onmouseover而不是说ONmouseOVER,除了最后一个之外,所有鼠标事件都可以正常工作.