使用Javascript修改css后台属性

Question

这是我的问题。我有一个带背景的输入类型按钮，它由PHP生成。我正在尝试使用简单的Javascript脚本更改此输入的背景属性。

<?php
    foreach($imageList as $image){
        //My button input
        echo '<input id="button_'.$image -> getId().'" type="button" style="background: url(path) 0px 0px no-repeat">';
        //My test button input
        echo '<input id="test_button_'.$image -> getId().'" type="button" style="background: url(path) 0px 0px no-repeat">';
        ?>
        <script>
        for (var i = 0; i < idList.length; i++) {//I navigate trhough an array
            if (idList[i] == 'id_<?php echo $image -> getId(); ?>') {//If the array[value] match with the id
                //I change my background property: -20px 0px
                document.getElementById('button_<?php echo $image -> getId(); ?>').style.background = 'url(path) -20px 0px no-repeat';
                //This is to change the test button background property
                document.getElementById('test_button_<?php echo $image -> getId(); ?>').style.background = 'url(path) -20px 0px no-repeat';
            }else{
                document.getElementById('button_<?php echo $image -> getId(); ?>').style.background = 'url(path) -20px 0px no-repeat';
            }
        }
        </script>
        <?php
    }
?>

test_button_id按钮输入受Javascript的影响，但不受button_id输入的影响。 在这一点上，我正在努力解决这个问题，我不知道为什么脚本应该支持一个输入而不是另一个输入。 我已经尝试更改第一个输入的ID，但它不起作用。

感谢您提供任何帮助。