Comme vous avez dû le remarquer, créer des éléments HTML avec createElement() est souvent assez long et pénible à écrire, surtout s'il y a beaucoup d'attributs à définir. Je vous propose de rédiger une fonction qui vous permettrait de créer un élément HTML, avec ses attributs. Cette fonction, nommée createSimpleNode(), serait appelée comme ceci :

var image = createSimpleNode('img', { src: 'pix.png', alt: 'Image idiote' });
var link  = createSimpleNode('a', {
	'class': 'external',
	href: 'www.siteduzero.com'
}, 'Lien vers le Site du Zéro');

Le premier paramètre est le nom de l'élément, le second est un objet littéral contenant les attributs, et le troisième, le contenu de l'élément (innerHTML). Les deux derniers paramètres sont évidemment optionnels. Voilà, à vous de coder !

Solution

function createSimpleNode(name, options, text) {
    var node = document.createElement(name); /* On crée l'élément */
	
    for (var o in options) { /* On boucle sur les attributs */
        node.setAttribute(o, options[o]);
    }
	
    if (text) { /* Si du texte est défini, on l'insère */
        node.innerHTML = text;
    }
	
    return node; /* Et on retourne l'élément créé */
}