在javascript中覆盖图像覆盖图像

Question

如何将点击事件添加到带有课程的小图标＆＃39; img＆＃39;？此外，如果我将光标移动到img元素，它将闪烁。如何解决？

document.getElementsByTagName('img')[0].addEventListener('mouseover', function(e) {
    var element = document.createElement('div');
    element.setAttribute('class', 'img');
    this.parentNode.appendChild(element);
});
document.getElementsByTagName('img')[0].addEventListener('mouseout', function(e) {
    this.parentNode.removeChild(this.parentNode.getElementsByClassName('img')[0]);
});

jsfiddle：http://jsfiddle.net/MS8F9/

提前致谢。

Answer 1

如果您不需要每次都将内部元素添加到DOM中，请通过css :hover执行此处fiddle。

通常你真的不需要。 DOM修改是昂贵的操作。