Как обновить мою функцию createElement, чтобы свойство и значения внутри тега стиля можно было записать в виде объектов, а не строк?

Как обновить мою функцию createElement, чтобы свойство и значения внутри тега стиля можно было записать в виде объектов, а не строк?

Я создал функцию, которая создает элемент и прикрепляет к нему атрибуты и значения:

  var createElement = function(sel, att, val) { var a = document.createElement(sel); if ( sel === "input" ) { a.value = val; } else { a.innerHTML = val; } document.body.appendChild(a) || document.documentElement.appendChild(a); for( var key in att ) { a.setAttribute( key, att[key] ); }; return a; }; 

Чтобы назвать это я делаю:

  createElement("h1", null, "Hello"); // Does the work createElement("input", null, "Hello"); // Does the work 

Так не спросите тогда, где проблема? Проблема заключается в добавлении свойства и значения атрибута style. Я хочу написать код примерно так:

  createElement("h1", { style: { color: "white", backgroundColor: "#008eff", padding: "20px" } }, "Hello" ); 

Но с функцией, которую я сделал, я должен написать что-то вроде этого:

  createElement("h1", { style: "color : white; background-color : #008eff; padding : 20px;" }, "Hello" ); 

Я хочу написать стили как объекты, а не строки! Да, я хочу обновить свой кусок кода! Можно ли это сделать?

Заранее спасибо

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector