1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
(function() {
var joey = this.joey = function joey(elementDef, parentNode) {
return createNode( elementDef, parentNode, parentNode ? parentNode.ownerDocument : this.document );
};
var shortcuts = joey.shortcuts = {
"text" : "textContent",
"cls" : "className"
};
var plugins = joey.plugins = [
function( obj, context ) {
if( typeof obj === 'string' ) {
return context.createTextNode( obj );
}
},
function( obj, context ) {
if( "tag" in obj ) {
var el = context.createElement( obj.tag );
for( var attr in obj ) {
addAttr( el, attr, obj[ attr ], context );
}
return el;
}
}
];
function addAttr( el, attr, value, context ) {
attr = shortcuts[attr] || attr;
if( attr === 'children' ) {
for( var i = 0; i < value.length; i++) {
createNode( value[i], el, context );
}
} else if( attr === 'style' || attr === 'dataset' ) {
for( var prop in value ) {
el[ attr ][ prop ] = value[ prop ];
}
} else if( attr.indexOf("on") === 0 ) {
el.addEventListener( attr.substr(2), value, false );
} else if( value !== undefined ) {
el[ attr ] = value;
}
}
function createNode( obj, parent, context ) {
var el;
if( obj != null ) {
plugins.some( function( plug ) {
return ( el = plug( obj, context ) );
});
parent && parent.appendChild( el );
return el;
}
}
}());
|