dynamic element creation

advert for site.

by Dimitar Christoff

HTML

<div id="output"></div>

JavaScript

var advert = {
    url: "http://www.site.com/",
    image: "https://developer.mozilla.org/skins/mdn/Transitional/img/mdn-logo-compact.png",
    title: "visit site.com!"
};

var createAdvert = function(where, ad) {
    where = document.getElementById(where);
    if (!where) return;
    
    var link = document.createElement("a");
    link.setAttribute("href", ad.url);
    link.setAttribute("title", ad.title || "");
    
    var image = document.createElement("img");
    image.setAttribute("src", ad.image);
    link.appendChild(image);
    
    where.appendChild(link);
};

createAdvert("output", advert);