1.1.0 • Published 12 months ago
domweaver v1.1.0
domweaver
use bp as the generic Element object blueprint
import bp from './element-blueprint';
call bp with element type and class name as arguemnts
const newDiv = bp('div', 'first-div');
Call additional methods on the object:
Add more attributes
newDiv.addAttributes({
id: 'main-div',
value: '23',
});
Append event listener
newDiv.addEventListener('Click', (e) => function());
Add child div with the new element as an argument
newDiv.addChild(
bp('img', 'hero-img').addAttributes({
src: 'img url here',
alt: 'The Main Thing',
})
);
Add Text to the element
newDiv.addText('Main Text Content');
And finally, call the recursive build function on the tail end to build all elements and their children
newDiv
.addChild(bp('div', 'first-child').addChild(bp('div', 'grand-child')))
.build();