javascript - 在图像 Javascript 上插入/嵌入按钮

Question

我正在寻找一个javascript snip，它可以在悬停图像时将按钮插入页面中的所有图像（如谷歌图像）。

我已经构建了一些代码，但我不知道为什么按钮没有出现。

var imgs = document.getElementsByTagName('img');

for (var i = 0; i < imgs.length; i++) {
    imgs[i].addEventListener("mouseenter", function( event ) {
        var btnGrab = document.getElementById('btn-images-toGrab');
        var t = event.target.offsetTop;
        var l = event.target.offsetLeft;
        var w_center = event.target.offsetWidth / 2 + l;
        btnGrab.style = 'top:'+ t +'px; left:'+ w_center +'px;';
        btnGrab.style.display = 'inline-block'
    });
}

帮助我，我不知道如何将按钮附加或添加到img. 谢谢。

标签： javascripthtmljsongoogle-chrome-extension

Answer 1

在 for 循环结束时，您是否尝试将按钮附加到图像？

imgs[i].appendChild(btnGrab)