2013-06-30 36 views
3

我需要一些幫助來提取內嵌圖像源(在這種情況下,#3)從下面的JavaScript字符串,然後封裝,並將其發送到PHP:獲取標籤的字符串屬性在Javascript

<img width="100" id="1" style="display: none;" src="http://col.stb00.s-msn.com/i/4E/5EA45CFEC5FF5726D86E65CEE815D.jpg"> 
<img width="100" id="2" style="display: none;" src="http://col.stb01.s-msn.com/i/36/59F78F98816E925C8A18FBCF013D5.jpg"> 
<img width="100" id="3" style="display: inline;" src="http://col.stb00.s-msn.com/i/6F/D11A5421FDC5E8C5CEA4D19BCC7A5.jpg"> 
<img width="100" id="4" style="display: none;" src="http://col.stb00.s-msn.com/i/88/B51A1462A325FF345AC442688F7A8.jpg"> 
<img width="100" id="5" style="display: none;" src="http://col.stb01.s-msn.com/i/39/8A811756CB49259F65032AB9F1D78.jpg"> 

請問有一個簡單的方法可以嗎? 謝謝

+0

是字符串還是實際元素? –

+0

你對jQuery解決方案感興趣嗎? – Barmar

+0

謝謝,我檢索字符串: str1 = document.getElementById(「images」)。innerHTML 但我不是很擅長JavaScript! –

回答

0

簡單。使用DOM:

function getSrc(id) 
{ 
    var src = document.getElementById(id).src; 
} 

變量src將舉行您的代碼中src屬性的值。爲所有需要提取元素的標籤執行此操作。您可能需要使用AJAX將其傳遞給PHP。

+0

請注意,他正在尋找'display:inline' img的'src'。 –

+0

@AustinBrunkhorst編輯 – imulsion

+0

我通過window.location.href函數調用php代碼 –

1
var imgs = document.getElementsByTagName('img'); 

for (var i=0; i<imgs.length; i++) { 
    if (imgs[i]["style"]["display"] === "inline") { 
     console.log(imgs[i]["src"]); 
    } 
} 
+1

爲什麼不使用較短的對象語法? 'imgs [i] .style.display' –

+0

確實很好,謝謝。 –

相關問題