I want to check what the background image is in Javascripot. I tried to do this:
if (document.getElementById(id).style.backgroundImage == "image.jpg") {
//code
}
but that doesn't work. Is this possible?
Asked
Active
Viewed 137 times
2 Answers
0
The backgroundImage property in javascript uses the CSS syntax.
So, to test for the background image, you would test against url('image.jpeg').
Try this:
if (document.getElementById(id).style.backgroundImage == "url('image.jpg')") {
//code
}
Leroy
- 544
- 3
- 14
0
A more appropriate test, to make sure you're not getting type errors too:
var backImgUrlTest = function(elem, imgUrl){
return elem && elem.backgoundImage.replace(/^url\(('|")|('|")\)$/g, "") === imgUrl;
};
if(backImgUrlTest(document.getElementById(id), "image.jpg")){
/* Code here */
}
Andrew Templeton
- 1,656
- 10
- 13
-
what is that first part doing? – CPC Feb 27 '14 at 20:51
-
You're making a validation function. It takes an element and a string representing the imageUrl, makes sure the element exists, takes the elem.style.backgroundImage and uses a regexp replace to remove the enclosing url(' and ') (or if double quotes) – Andrew Templeton Feb 27 '14 at 20:53
-
Does my edited comment make sense – Andrew Templeton Feb 27 '14 at 20:55
-
Sorry, that's exactly what it does :) is the regex confusing? – Andrew Templeton Feb 27 '14 at 21:02
-
So what would I put into each of the variables? (elem and imgUrl) – CPC Feb 27 '14 at 22:48
-
elem is an element and imgUrl is a string for the desired image string. See the line in my answer with an 'if' in it for an example invocation. – Andrew Templeton Feb 27 '14 at 22:50
-
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/48627/discussion-between-cpc-and-enjoys-turtles) – CPC Feb 27 '14 at 22:55