使用getElementsByClassName（JavaScript）在新窗口中打开图像

Question

如何使用其类在新窗口中打开图像？ （它必须是JavaScript）

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

HTML：

<img class="largeImage" src="image1.jpg" onClick="swipe();"/> 

Answer 1

你也不需要这门课。请检查这个小提琴。 -

http://jsfiddle.net/Lu7dn1yg/

HTML

<img src="http://www.google.com/logos/2014/perseidmeteorshower14/sprite-initial.png" onclick="swipe(this)">

JS

function swipe(imgelem) {
    var src = imgelem.src;
    window.open(src);
}

Answer 2

使用：document.getElementsByClassName代替document.getElementById。

旧浏览器不支持这种方式。多数民众赞成我建议你使用jquery。