JavaScript Miniframework

HTML

<div id="test"></div>
<div class="group"></div>
<div class="group"></div>
<div class="grou p"></div>
<div class="group"></div>

JavaScript

//implement missing function
if(!document.getElementsByClassName){
    document.getElementsByClassName = function(cl) {
        var retnode = [],
            myclass = new RegExp('\\b'+cl+'\\b'),
            elem = this.getElementsByTagName('*');
        for (var i = 0, max = elem.length; i < max; i++) {
            var classes = elem[i].className;
            if (myclass.test(classes)){
                retnode.push(elem[i]);
            }
        }
        return retnode;
    };
}

//framework functions
function $(id){ return document.getElementById(id); }
function html(id, html){ $(id).innerHTML = html; }
function css(id, style){ $(id).style.cssText += ';'+style;}
function $$(cl){ return document.getElementsByClassName(cl); }

//testrun
html('test','this is an awesome text');
css('test','color:red;background-color:red');

var groups = $$('group');
for (var i = 0, max = groups.length; i < max; i++){
    groups[i].innerHTML = 'element ' + i;
}