javascript - 在javascript中将图像覆盖在图像上

Question

如何给类为'img'的小图标添加点击事件？此外，如果我将光标移动到 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 修改是昂贵的操作。