如何使用其类名在新窗口中打开图像?

时间:2014-04-25 09:49:21

标签: javascript html

我想在新窗口中打开图片,但我无法弄清楚JavaScript代码!

HTML:

<img class="picture" onclick="expand()" src="bild1.jpg">

使用Javascript:

function expand()
{   
var bigImage = document.getElementByClassName('picture');

var source=bigImage.getAttribute('src');
window.open(source)             
}

3 个答案:

答案 0 :(得分:0)

target="_blank"属性添加到您的链接,以便在新窗口中打开它们,无需使用JavaScript。

答案 1 :(得分:0)

target属性指定打开链接文档的位置..

您可以在锚元素中使用您的图像。

<a target="_blank" href="yourimage.jpg"><img class="picture" src="yourimage.jpg"></a>

你不需要JS代码

答案 2 :(得分:0)

<a href="bild1.jpg" target="_blank"><img class="picture"  src="bild1.jpg"></a>