js创建标签实例动态createElement

创建标签标签定义方法
/ / / / *************************************
复制代码代码如下所示:
var创建标签对象=功能(ID、名称、值){
无功label_var = document.createelement(标签);

无功label_id = document.createattribute(ID);
label_id.nodevalue = ID;

无功label_text = document.createtextnode(价值);

label_var.setattributenode(label_id);
无功label_css = document.createattribute(类);
label_css.nodevalue =select_css ;
label_var.setattributenode(label_css);
label_var.appendchild(label_text);

返回label_var;
}

/ / / / *************************************
创建输入标记定义方法(文本)
id、名称、值和类型分别代表标签的id。
名称值(name),(value),type(type)
输入事件绑定方法,绑定模式如下(也可以绑定多个事件方法):
Onchange==alert ('This Value is / change success! ');| onblur = =警报(这个值是漂亮的!);
/ / / / *************************************
复制代码代码如下所示:
无功createinput =功能(ID、名称、值、类型、宽度、高度、事件){
无功var_input = null;
无功input_event_attr_ie = ;
如果(事件)!=空事件!){
无功event_array_ie = event.tostring(。分)(|);
对于(var i = 0;i < event_array_ie.length;i++){
无功event_ie = event_array_ie {我},(= =)分;
input_event_attr_ie =+ event_ie { 0 } +=;
}
}
尝试IE6.0和IE7.0 { / /定义变量实现兼容性。
var_input = document.createelement();
} catch(e){
var_input = document.createelement(输入);
}

无功input_id = document.createattribute(ID);
input_id.nodevalue = ID;
无功input_name = document.createattribute(名称);
input_name.nodevalue =名称;
无功input_type = document.createattribute(类);
input_type.nodevalue =型;
无功input_value = document.createattribute(价值);
input_value.nodevalue =价值;
无功input_style = document.createattribute(风格);
无功input_style_str = ;

如果(宽度)!=空宽度!){
input_style_str =宽+宽+ PX;;
{人}
input_style_str =宽度:30px;;
}
如果(高度)!=零高度!){
input_style_str =高度+高度+ PX;;
}

如果(事件)!=空事件!){
无功event_array = event.tostring(。分)(|);
对于(var i = 0;i < event_array.length;i++){
风险事件= event_array {我},(= =)分;
无功input_event = document.createattribute(事件{ 0 });
input_event.nodevalue =事件{ 1 };
var_input.setattributenode(input_event);
}
}

var_input.setattributenode(input_type);
input_style.nodevalue = input_style_str;
{试
var_input.setattributenode(input_style);
} catch(e){
宽度(宽度= = = = =宽度空| |)30 :宽度;
var_input.setattribute(宽
如果(高度)!=零高度!){
var_input.setattribute(高
}
}
/ /如果(只读= {!)
无功/ input_readonly = document.createattribute(只读);
/ / input_readonly.nodevalue =只读;
/ / var_input.setattributenode(input_readonly);
}

var_input.setattributenode(input_id);
var_input.setattributenode(input_name);
var_input.setattributenode(input_value);

Return var_input;
}

/ / / / ******************************************************************
用于创建选择框标签的定义方法;
id标识id标记。
名称表示标签名称的名称。
选项说 / / *****选择标签绑定的物品(如:0231a563 -专业服务| 02312177维修服务| ...... )
Splitstr说: / / *****使用分区选项字符(如:|)
splitchar说 / / *****分割符的关键(如:-)
事件表示与事件相对应的标签(当事件= NULL此标签不是绑定事件)
/ / / / ******************************************************************
复制代码代码如下所示:
无功createselect =功能(ID、名称、选项,splitstr,splitchar、事件、SelectedValue){
无功var_select = null;
一个问题,尝试处理IE6.0和IE7.0 { / /。
var_select = document.createelement();
} catch(e){
var_select = document.createelement(选择);
}

无功select_id = document.createattribute(ID);
select_id.nodevalue = ID;
无功select_name = document.createattribute(名称);
select_name.nodevalue =名称;

如果(事件)!=空事件!=未定义事件!){
无功select_change = document.createattribute(变化);
select_change.nodevalue =事件;
var_select.setattributenode(select_change);
}
var_select.setattributenode(select_id);
var_select.setattributenode(select_name);
{试
var_select.setattribute(宽
} catch(e){
无功select_css = document.createattribute(类);
select_css.nodevalue =select_css ;
var_select.setattributenode(select_css);
}

(splitstr = splitstr = =splitstr| | = = null)| :splitstr;
(splitchar = splitchar = =splitchar| | = = null)- splitchar;

如果(选项)!=空选项!=定义的options.tostring()!){
选择=(选项。toString(),LastIndexOf(splitstr)+ 1 = = options.tostring(长度))options.tostring(。substr)(0),options.tostring(长度1):选项;
无功arrayoption = options.tostring()Split(splitstr);
对于(var i = 0;i < arrayoption.length;i++){
无功temp_value = arrayoption {我}分裂(splitchar);
期权= document.createelement(选项);
无功option_value = document.createattribute(价值);
option_value.nodevalue = temp_value { 0 };
无功option_text = document.createtextnode(temp_value { 1 });
Option.setAttributeNode(option_value);
option.appendchild(option_text);

var_select.appendchild(选项);
如果(SelectedValue!= null SelectedValue!){
如果(temp_value { 0 } = = SelectedValue | | { temp_value { 1 } = = SelectedValue)
var_select。选项{我}选择=真;
}
}
}
}
返回var_select;
}

/ / / / ***************************************************
创建标记定义方法;
我说ID是唯一的标签。
名称表示标签名称的名称。
值表示与文本(名称)显示相对应的标签。
事件表示了相应事件的标签(当事件= null事件未绑定)
我说 / / *****链接属性标签
/ / / / ***************************************************
复制代码代码如下所示:
VaR创造=功能(ID、名称、值、事件、链接、目标){
无功var_a = null;
{试
var_a = document.createelement(); / /创造必须这种形式来创建或不支持IE6.0和IE7.0
} catch(e){
var_a = document.createelement();
}
无功a_id = document.createattribute(ID);
a_id.nodevalue = ID;
无功a_name = document.createattribute(名称);
a_name.nodevalue =名称;
链接(href = = = = =href空| |(Javascript:无效)(0);| |# ):链接;
无功a_href = document.createattribute(href);
a_href.nodevalue = href;

无功a_text = document.createtextnode(价值);

var_a.setattributenode(a_href);
var_a.setattributenode(a_id);
var_a.setattributenode(a_name);
如果(目标)!= NULL){
无功target_href = document.createattribute(目标);
target_href.nodevalue =_blank ;
var_a.setattributenode(target_href);
}

如果(事件)!= 事件!=空事件!=未定义的){
无功a_click = document.createattribute(onclick);
a_click.nodevalue =事件;
var_a.setattributenode(a_click);
}
var_a.appendchild(a_text); / /注意这个值结合序列,只在最后的绑定(或不支持IE6.0和IE7.0)

返回var_a;
}

/ / / / ******************************************
确定数字的输入值定义方法;
/ / *******当国旗=真正的判断所输入的值是一个整数;
/ / / / ******************************************
复制代码代码如下所示:
无功check_is_num =功能(obj,旗){
无功flag_var = false;
VaR Num = / ^ D + $ / / / /;^ + { } { } 1-9 0-9 * $ /;
/ / / ^ flag_var =(({ 0-9 } + 。{ } { } * { 1-9 0-9 0-9 } *)|({ } { } { 1×0-9 0-9 } * 。{ } +(0-9)| { } { } { 1×0-9 0-9 } *))$ /测试(obj);
flag_var = / ^ D +( D +)$ /测试(obj);
如果(标志){
flag_var = num.test(obj);
}
返回flag_var;
}

删除节点定义方法。
无功removerowitem =功能(obj){
无功rowtr = obj.parentnode.parentnode;
{试
RowTr.removeNode(真的);
} catch(e){
rowtr.parentnode.removechild(rowtr);
}
}

string.prototype.trim =函数(){
返回(this.replace /(^ *)|( * $)/ g,);
}