Динамическое создание атрибутов элементов
 

Возможно вопрос поднимался и если да, то просьба ткнуть меня в решение или хотя бы подсказать.

Необходимо динамически создавать любые элементы(form, img, input ...) с различным набором атрибутов и их значениями.
что-то вроде этого:

elem('img','src=foto.jpg,id=foto10,border=0');

function elem(type,attr){
Не могу понять как создавать атрибут динамически?
}

а также вопрос, будет ли это сильно нагружать браузер и по поводу совместимости с разными браузерами еще не ясно.

Сейчас реализован довольно шустрый движок, но он не универсален, элементов создается много и все разные, в общем довольно много головной боли.

Пишу сюда, по тому что просто нет времени разобраться в вопросе до конца. Просьба хотябы направить мою мысль.

elem.id = 'id';
elem.src = 'src';
и так далее...

Прошу прощения но вы вероятно не поняли вопрос, так умеет делать каждый, а писать так на каждый html элемент упаришься и библиотека будет огого

Спишите с любого фреймворка.

Ужос, почему такая светлая мысля мне не пришла в голову сразу, походу надо в отпуск Ж:(

Тему можно закрывать.

А в чем вопрос-то?

Я не понял в чём проблема? Передавай параметры так:

function elem(type,params){
  var e = document.createElement(type);
  var (i in params) e[i] = params[i];

  return e
}

elem('img',{src:'foto.jpg',id:'foto10',border:0});

Спасибо за помощь, проблема была в том что не было времени сесть и подумать нормально.