无法使用JavaScript this.src更改图像src

Question

我想在这里寻求帮助，因为我看不到任何原因导致我的代码无法正常工作。

我已经查看了有关Stack Overflow的其他一些问题，但看起来让我感到困惑。

<script type="text/javascript">
            function changeMain() {
                document.getElementById('imageMain').src=this.src;
            } 

        </script>
                <img id="imageMain" src="images/resized/<?php echo $productImage;?>.jpg" width="100%"><br>
                <div class="imageThumbs">
                    <a href="" onclick="changeMain()"><img src="images/resized/<?php echo $productImage;?>.jpg" width="75"></a>
                    <a href="" onclick="changeMain()"><img src="images/resized/<?php echo $productImage2;?>.jpg" width="75"></a>
                </div>

所需结果：更改imageMain.src 结果：一无所有