element.js

简单博客功能实现

//主要是创建元素的操作

X2.Element={
    getElement:function(tagName,className,innerHTML){
        var e=$se('tagName',className);
        if(innerHTML)e.innerHTML=innerHTML;
    }
    ,getFormElement:function(type,className,value){
        var e;
		switch(type){
			case "text":
				e=$se("input");
				e.type="text";
				break;
			case "hidden":
				e=$se("input");
				e.type="hidden";
				break;
			case "password":
				e=$se("input");
				e.type="password";
				break;
			case "file":
				e=$se("input");
				e.type="file";
				break;
			case "button":
				e=$se("input");
				e.type="button";
				break;
			case "submit":
				e=$se("input");
				e.type="submit";
				break;
			case "checkbox":
				e=$se("input");
				e.type="checkBox";
				break;
			case "radio":
				e=$se("input");
				e.type="radio";
				break;
			case "textarea":
				e=$se("textarea");
				e.cols=e.rows=3;
				break;
			default:
				e=$se(type);
				break;
		}
		if(className)e.className=className;
		if(value)e.value=value;
		return e;
    }
}

//建立创建表单元素的快捷方式
function $sf(){
    return X2.Element.getFormElement.apply(X2.Element,arguments);
}

//创建添加子节点的快捷方式,append
function $ap(e1,e2){
    e1.appendChild(e2);
    return e2;
}

//将一个节点添加到另外一个后面appendAfter
function $aa(e1,e2){
    if(e1.nextSibling)e1.parentNode.insertBefore(e2,e1.nextSibling);
    else e1.parentNode.appendChild(e2);
    return e2;
}

//创建子节点的同时添加子节点,build
function $bd(e1,tagName,className,innerHTML){
    var e2=$se(tagName,className,innerHTML);
    $ap(e1,e2);
    return e2;
}

//创建一个文本节点
function $st(text){
    return document.createTextNode(text);
}