html - how to get "real" url from img src in javascript - Stack Overflow

admin管理员组

文章数量:1336631

I have piece of offline html like so:

<img src="../img/button.png"/>

and when I try to access the src attribute in JS, I get a different value than what's written in the html:

var s = myimg.src; // equals 'file:///V:/test/test1/img/button.png'

It's as if the value got resolved somewhere between the html and my call to 'src' attribute. How do I get the "original" value instead of the resolved one?

tnx

I have piece of offline html like so:

<img src="../img/button.png"/>

and when I try to access the src attribute in JS, I get a different value than what's written in the html:

var s = myimg.src; // equals 'file:///V:/test/test1/img/button.png'

It's as if the value got resolved somewhere between the html and my call to 'src' attribute. How do I get the "original" value instead of the resolved one?

tnx

• javascript
• html
• url

Share Improve this question Follow asked Aug 6, 2011 at 11:09 Sagi MannSagi Mann 3,62099 gold badges4444 silver badges8383 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

use getAttribute

var s = myimg.getAttribute('src')

If you read the attribute instead of the src property, you get the original value:

var s = myimg.getAttribute('src');

本文标签： htmlhow to get quotrealquot url from img src in javascriptStack Overflow