Well, recently I’ve started a project. The project itself is less important than my question. I’m putting some AJAX into my project and of course, that calls for javascript. So I want to add elements to the page (and remove them and change them, and such but that’s irrelevant). But here’s my dilemma: I can do something along the lines of
obj.innerHTML += "<img src='url.png' />";
This adds the HTML text to the container, but I can also do something like:
var img = document.createElement("img");
img.setAttribute('src','url.png');
obj.appendChild(img);
So my friends, I have a question to ask of you. In terms of optimization (how fast the code can be executed), which way is faster? Or which way is better (web standards, etc…)?
So in other words, what are the pros and cons of each of these methods?
