Question

我的onClick事件遇到了一些问题。无论我点击哪个图像，它总是打开页面上的第一个图像。它只是不打开任何其他图像。

的javascript ：

function opennew() {
    var largeImage = document.getElementById('largeImage');
    largeImage.style.display = 'block';
    largeImage.style.width=130+"px";
    largeImage.style.height=130+"px";
    var url=largeImage.getAttribute('src');
    window.open(url,'Image','width=largeImage.stylewidth,
       height=largeImage.style.height,resizable=1');
}

HTML ：

<div class="oneitem">
  <div><img id="largeImage"  onClick="opennew();" src="Books-001.jpg" />
  </div>
  <p>Caption goes here</p>
</div>

Answer 1

你是否为每个img使用相同的ID属性largeImage？

Id是一个唯一字段，您只能在页面中使用一个ID名称。

解决方法是你做这样的事情：

HTML：

<div class="oneitem">
    <div>
      <img id="1"  onClick="opennew(1);" src="Books-001.jpg" />
     </div><p>Caption goes here</p>
</div>

<div class="oneitem">
    <div>
        <img id="2"  onClick="opennew(2);" src="Books-001.jpg" />
    </div><p>Caption goes here</p>
 </div>

JS：

function opennew(Id) {
var largeImage = document.getElementById(Id);
largeImage.style.display = 'block';
largeImage.style.width=130+"px";
largeImage.style.height=130+"px";
var url=largeImage.getAttribute('src');
window.open(url,'Image','width=largeImage.stylewidth,height=largeImage.style.height,resizable=1');
}

Javascript onClick仅打开第一张图片

1 个答案: