2013-01-14 73 views
0

我想通過JavaScript彈出IMG URL,這是IMG標記通過定義的如何提醒()IMG的URL?

我不知道如何調用它。

alert(document.getElementById("my_image").src); 
+2

你可以張貼一些HTML? – David

+0

http://www.ehow.com/how_8049962_source-image-element-using-javascript.html – Mooseman

+0

你的問題是什麼?你的代碼現在不工作嗎? – Davit

回答

3

這是更好地使用getAttribute()功能:

var imageSource = document.getElementById("my_image").getAttribute('src'); 
alert(imageSource); 

使用getAttribute()更適合您的應用程序比單純使用element.src,因爲它將返回明確定義值的屬性裏面,而不是解析值。

看到這裏比較>http://jsfiddle.net/9dAjL/

+1

嗯,但*​​爲什麼**是它*更可靠*?我想沒有比瀏覽器解析的值更可靠的了。 – VisioN

+0

完全取決於應用程序的場景和潛在用途。我從這個問題(可能錯誤地)推斷出他想要的是屬性的實際值,而不是解析值(即「通過src =」定義的img標籤是什麼)! – BenM

+0

然後,可能*可靠*不是這裏正確的詞。 – VisioN

0

這個代碼是罰款

alert(document.getElementById("my_image").src); 

我會寫更多像這樣

var imageSrc = document.getElementById("my_image").src; 
alert(imgSrc); 

但reguardless,其優良的,我猜你是不是將其連接到一個點擊事件或任何事件,這裏是onload事件

window.onload = function() { 
    var imageSrc = document.getElementById("my_image").src; 
    alert(imgSrc); 
    } 
0

有不同的方式。試試這些:

<script type="text/javascript"> 
window.onload = function() 
{ 
    alert(document.getElementById("my_image").src); 
    alert(document.getElementById("my_image").getAttribute('src')); 
} 
</script> 

<img src="http://localhost/test.jpg" id="my_image" /> 

更具體地講一下你需要什麼。

或者你可以使用名稱:

<script type="text/javascript"> 
window.onload = function() 
{ 

    alert(document["ima"].src); 
} 
</script> 

<img src="http://localhost/ima.jpg" name="ima" />