Question

我是javascript编程新手，我有一个问题，我想澄清一下。我的目标是在点击一个分页项目时更改图片。

<ul class="pagination pagination-lg">
              <li>
                <a href="#">Prev</a>
              </li>
              <li>
                <a href="JavaScript:void(0)" id="prva" onclick="changePhoto('placeholder', 'images\webPages\1.jpg')">1</a>
              </li>
              <li>
                <a href="JavaScript:void(0)" id="druga" onclick="changePhoto('placeholder', 'images\webPages\2.jpg')">2</a>
              </li>
              <li>
                <a href="JavaScript:void(0)" id="treca" onclick="changePhoto('placeholder', 'images\webPages\3.jpg')">3</a>
              </li>
              <li>
                <a href="#">4</a>
              </li>
              <li>
                <a href="#">5</a>
              </li>
              <li>
                <a href="#">Next</a>
              </li>
            </ul>

我的脚本是这样的：

<script type="text/javascript">
  function changePhoto(id, newPic){
    document.getElementById(id).src = newPic;
</script>

当前图片的id是占位符，但是当我点击1,2或3时它没有做任何事情...... 我给你看看它的样子： the image of website 任何人都可以帮我这个代码吗？ TNX

Answer 1

你有几个问题。你没有逃脱斜线 2.您没有使用结束}

关闭changePhoto功能

示例更改onclick函数以转义斜杠

onclick="changePhoto('placeholder', 'images/\webPages/\2.jpg')"

当我点击javascript中的分页项目时，我怎么能改变图片呢？

1 个答案: