scriptus框架bulider基础工具类
来源:互联网 发布:iphone7移动数据几百kb 编辑:程序博客网 时间:2024/06/06 07:35
/大至理清其意思,这段代码,不光可以输入要创建的HTML标签,还可以输入属性,以及子对像.不过下面这句还是没看明白.
var Builder = {
NODEMAP: {
AREA: 'map',
CAPTION: 'table',
COLGROUP: 'table',
LEGEND: 'fieldset',
OPTGROUP: 'select',
OPTION: 'select',
PARAM: 'object',
TBODY: 'table',
TD: 'table',
TFOOT: 'table',
TH: 'table',
THEAD: 'table',
TR: 'table'
},
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
// due to a Firefox bug
//创建HTML标签类
node: function(elementName) {
elementName = elementName.toUpperCase();
// try innerHTML approach
var parentTag = this.NODEMAP[elementName] || 'div';
var parentElement = document.createElement(parentTag);
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
} catch(e) {}
var element = parentElement.firstChild || null;
// see if browser added wrapping tags
if(element && (element.tagName != elementName))
element = element.getElementsByTagName(elementName)[0];
// fallback to createElement approach
if(!element) element = document.createElement(elementName);
// abort if nothing could be created
if(!element) return;
// attributes (or text)
if(arguments[1])
if(this._isStringOrNumber(arguments[1]) ||
(arguments[1] instanceof Array)) {
this._children(element, arguments[1]);
} else {
var attrs = this._attributes(arguments[1]);
if(attrs.length) {
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
parentElement.innerHTML = "<" +elementName + " " +
attrs + "></" + elementName + ">";
} catch(e) {}
element = parentElement.firstChild || null;
// workaround firefox 1.0.X bug
if(!element) {
element = document.createElement(elementName);
//考虑兼容性,介意在此使用className
for(attr in arguments[1])
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
}
if(element.tagName != elementName)
element = parentElement.getElementsByTagName(elementName)[0];
}
}
// text, or array of children
if(arguments[2])
this._children(element, arguments[2]);
return element;
},
_text: function(text) {
return document.createTextNode(text);
},
_attributes: function(attributes) {
var attrs = [];
for(attribute in attributes)
attrs.push((attribute=='className' ? 'class' : attribute) +
'="' + attributes[attribute].toString().escapeHTML() + '"');
return attrs.join(" ");
},
_children: function(element, children) {
if(typeof children=='object') { // array can hold nodes and text
children.flatten().each( function(e) {
if(typeof e=='object')
element.appendChild(e)
else
if(Builder._isStringOrNumber(e))
element.appendChild(Builder._text(e));
});
} else
if(Builder._isStringOrNumber(children))
element.appendChild(Builder._text(children));
},
_isStringOrNumber: function(param) {
return(typeof param=='string' || typeof param=='number');
}
}
- scriptus框架bulider基础工具类
- 集合框架-工具类(java基础)
- Java基础:集合框架工具类
- 黑马程序员:Java基础总结----集合框架的工具类
- java基础入门----Collections1 集合框架工具类
- 黑马程序员_Java基础_集合框架工具类
- 黑马程序员--Java基础之集合框架工具类
- 黑马程序员-----------JAVA基础---------集合框架工具类
- JAVA基础--db17_javaMap集合_集合框架工具类
- 黑马程序员_java基础_泛型、集合框架工具类
- Java基础之集合框架--Arrays工具类(专门操作数组的工具类)
- 框架基础____缓存框架基本的原理_一个简单的缓存工具类CacheUtil
- 框架和工具类
- 反射-框架、工具类
- okhttp框架 工具类
- Java基础——集合框架工具类(Collections类和Arrays类)
- 黑马程序员_Java基础_集合框架工具类相关应用
- 黑马程序员——Java基础---泛型、集合框架工具类:collections和Arrays
- 浏览器的市场占有率
- Prototype的base和string类
- Java:泛型(generic)
- 什么是值类型 什么是引用类型
- 发送Email的方法(jmail方式实现)
- scriptus框架bulider基础工具类
- 什么叫实参 形参 怎么用 区别
- 有关Web的大文件上传和下载
- 分页代码
- OpenSolaris Howto (1)
- 艾宾浩斯记忆遗忘曲线
- 安装SQL或.NET失败解决方法
- 生于安乐,死于忧患.
- 一段经典的英文爱情对白