Question

I am extracting an image from a part of the document using:

var  theImg = document.getElementById('imageDiv').innerHTML;

This returns something like

theImg = <img src="http://website.com/image.jpg?&image-presets&" alt="foo" style="z-index: 1" />

How could I grab just the src of the image, without the parameter. So that

theImg = http://website.com/image.jpg

I am open to using a regular expression, php, or vanilla javascript.

Answer 1

Since there appear to be no correct and complete answers so far with a working demonstration, I’ll attempt one:

var imgs = document.getElementById('imageDiv').getElementsByTagName('img');
var theImgSrc = imgs[0].src;
var loc = theImgSrc.indexOf("?");
if (loc != -1) {
    theImgSrc = theImgSrc.substr(0, loc);
}

You can see it in action here: http://jsfiddle.net/jfriend00/NSczd/