更改输入字段的最佳方法？

Question

我尝试创建一个扩展程序，在任何带有图标的网页中填充每个输入字段（文本，搜索，...），当我点击它时会出现一个下拉菜单， 就像Lazarus从恢复图标或谷歌搜索语音图标， 我最近尝试了很多方法，但没有任何工作将:( 我试图找到适合所有领域的方式，无论其形状或大小如何

Answer 1

document.addEventListener('DOMContentLoaded', function () {
    $(document).ready(function () {
        var elements = $('input[type=text], input[type=search], input[type=textarea]');
        for (var i = 0; i < elements.length; i++) {
            var input = elements[i];

            input.className = 'inputWithImge';
            var oImg = document.createElement('img');
            oImg.src = chrome.extension.getURL("list.png");
            oImg.className = 'img';

        }

        $(document).ready(function () {   
            $(".inputWithImge").after(oImg);
            $(".inputWithImge").each(function () {
                $(this).add($(this).next()).wrapAll('<divclass="imageInputWrapper"></div>');
            });
        });
    });
});