create-element.js

A simple method for create HTML element. You don't have to write like below anymore.

const div = document.createElement('div');
div.id = 'divDemo';
div.classList.add('my-class');
div.innerText = 'Hello, world';

Install

npm install create-element.js

tip: Using frontend-dependencies makes it easier to use the library on the front end.

Usage

ce.tagName(param1, param2);

• tagName : HTML tag name of element

ce.div();
ce.span();
ce.p();

• String or Number type parameter : value of element.innerText

ce.p('Hello, world');  // <p>Hello, world</p>
ce.span(1234);  // <span>1234</span>

• object type parameter : attribute name and attribute value of element

ce.div({id: 'title'}); // <div id="title"></div>
ce.span({class: 'name'}); // <span class="name"></span>

Examples

ce.span({id: 'name', class: 'nice-style'}, 'my name'); // <span id="name" class="nice-style">my name</span>
ce.span(123, {id: 'name', class: 'nice-style'}); // <span id="name" class="nice-style">123</span>

Links

github link
npm link

Licence

MIT License