2014-11-15 97 views
1

我有一個形象,像這樣:我可以使用javascript:this.child.src獲取鏈接的href嗎?

<a href="javascript:this.child.src" target="_blank"><img src="http://placekitten.com/g/300/200"/></a> 

正如你所看到的,我希望鏈接在新標籤打開<img>的位置。我試過this.child.src和其他一些東西。我如何讓href獲取圖像的位置,並在新選項卡中打開它?

此外,有沒有一種資源在哪裏可以找到有效的this.值的列表?

回答

2

如果可能的話我會放在<img src />直接href和無法使用JavaScript這一點。如果你真的需要在JavaScript中做,爲什麼你可以用onclick做。但它不是很好,在所有不同的原因..

<a 
    href="javascript:;" 
    onclick="window.open(this.childNodes[0].src,'_blank');" 
> 
    <img src="http://placekitten.com/g/300/200"/> 
</a> 

http://jsfiddle.net/0hmtcvtm/

+0

謝謝您的回答。你知道一個地方,我可以找到我可以放在'this'之後的所有價值嗎? –

+0

@Godisgood不用客氣。最好的地方是谷歌,但你可以嘗試bing ;-)也許這些鏈接將有助於引導你..'1.' http://www.quirksmode.org/js/this.html'2.' https:// developer .mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators /這個'''https://developer.mozilla.org/en-US/docs/Web/JavaScript – caramba

+1

@Godisgood:使用'。兒童[0]'而不是'.childNodes [0]'。如果最終包含空白格式化爲caramba,'.childNodes'會給你''之前的文本節點,但'.children'只會給你元素。 –

相關問題