I\'m trying to modify an existing webpage by inserting my own Javascript file in it. I\'m setting a background Image for this webpage by inserting a new Div through my Javascrip
If you load the jQuery library in your page, which you can link from the Google CDN, this is a very simple matter.
CDN: https://developers.google.com/speed/libraries/devguide#jquery
Usage: $("div.className").first()
Otherwise this will require some more effort ... the best possible way to deal with this is add an id attribute to the div element like so:
<div id="myElement"></div>
And then use the document.getElementById function to retrieve your div tag.
document.getElementById('myElement');
To see if it has a specific class after this addition please refer to this other post: Test if an element contains a class?
You'd have to loop through all of the <div>
elements on the page, until one matches the className
you are looking for. Something like:
var div = document.getElementsByTagName('div');
for(i=0; i<div.length; i++) {
if(div[i].className.match(/(^|\s)ie(\s|$)/)) {
// Code to Do your IE Stuff Here
break;
}
}
document.addEventListener("DOMContentLoaded", function() {
var ie = document.getElementsByClassName("ie");
if(ie.length > 0) {
alert("It's IE!");
}
}
This should answer your first question, although I agree that there are better solutions for your overall goal.