关闭像素化js问题

Question

我使用David Desandro的js插件Close Pixelate来像素化网站上的缩略图。

   function init() {
        document.getElementById('work-thumb-1').closePixelate([
            { resolution: 10 }
    ]);
    };
    window.addEventListener( 'load', init, false); 

我需要以具有相同名称的多个选择器为目标，所以getElementById方法不好吗？

Answer 1

如果您使用的是库，那么这应该更简单，但是您也可以只使用javascript来完成，

纯Javascript

function init() {
    var elems = document.getElementsByName('nameofelements');
    for (var i = 0; i < elems.length; i++) {
        elems[i].closePixelate([
            {resolution: 10}
        ]);
    }
};
window.addEventListener('load', init, false);

jQuery

function init() {
    $('[name="nameofelements"]').each(function() {
        $(this).closePixelate([
            {resolution: 10}
        ]);
    });

};
window.addEventListener('load', init, false);