亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js 用CreateElement動態創建標簽示例

2019-11-20 21:38:43
字體:
來源:轉載
供稿:網友
//定義方法創建一個label標簽
//*************************************//
復制代碼 代碼如下:

var createLabel = function(id, name, value) {
var label_var = document.createElement("label");

var label_id = document.createAttribute("id");
label_id.nodeValue = id;

var label_text = document.createTextNode(value);

label_var.setAttributeNode(label_id);
var label_css = document.createAttribute("class");
label_css.nodeValue = "select_css";
label_var.setAttributeNode(label_css);
label_var.appendChild(label_text);

return label_var;
}

//*************************************//
//定義方法創建input標簽(主要為Text)
//id,name,value,type 分別代表創建標簽的id,
// 名稱(name),值(value),類型(type)
// 綁定Input方法事件,綁定方式如下(可以同時綁定多個事件方法):
// "onchange==alert('This Value is change success !');|onblur==alert('This value is the beautiful one !');"
//*************************************//
復制代碼 代碼如下:

var createInput = function(id, name, value, type, width, height, event) {
var var_input = null;
var input_event_attr_IE = "";
if (event != null && event != "") {
var event_array_IE = event.toString().split('|');
for (var i = 0; i < event_array_IE.length; i++) {
var event_IE = event_array_IE[i].split('==');
input_event_attr_IE += " " + event_IE[0] + "='' ";
}
}
try {//定義變量實現IE6.0和IE7.0兼容。
var_input = document.createElement("<input " + input_event_attr_IE + ">");
} catch (e) {
var_input = document.createElement("input");
}

var input_id = document.createAttribute("id");
input_id.nodeValue = id;
var input_name = document.createAttribute("name");
input_name.nodeValue = name;
var input_type = document.createAttribute("type");
input_type.nodeValue = type;
var input_value = document.createAttribute("value");
input_value.nodeValue = value;
var input_style = document.createAttribute("style");
var input_style_str = "";

if (width != null && width != "") {
input_style_str += "width:" + width + "px;";
} else {
input_style_str += "width:30px;";
}
if (height != null && height != "") {
input_style_str += "height:" + height + "px;";
}

if (event != null && event != "") {
var event_array = event.toString().split('|');
for (var i = 0; i < event_array.length; i++) {
var events = event_array[i].split('==');
var input_event = document.createAttribute(events[0]);
input_event.nodeValue = events[1];
var_input.setAttributeNode(input_event);
}
}

var_input.setAttributeNode(input_type);
input_style.nodeValue = input_style_str;
try {
var_input.setAttributeNode(input_style);
} catch (e) {
width = (width == null || width == "") ? "30" : width;
var_input.setAttribute("width", width);
if (height != null && height != "") {
var_input.setAttribute("height", height);
}
}
// if (readonly != "") {
// var input_readonly = document.createAttribute("readonly");
// input_readonly.nodeValue = "readonly";
// var_input.setAttributeNode(input_readonly);
// }

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

return var_input;
}

//******************************************************************//
//定義方法創建一個Select選擇框的標簽;
//***** id 表示標簽的標識id
//***** name 表示標簽的名稱name
//***** options表示標簽要綁定的選擇項(例如:"0231A563-專業類服務|02312177-維保類服務|……")
//***** splitstr表示用來分割options的字符(如:'|')
//***** splitchar表示分割鍵值對的分隔符(如:'-')
//***** event 表示此標簽對應的事件(當event==null時此標簽不綁定事件)
//******************************************************************//
復制代碼 代碼如下:

var createSelect = function(id, name, options, splitstr, splitchar, event, selectedValue) {
var var_select = null;
try {//處理IE6.0和IE7.0的兼容問題。
var_select = document.createElement("<select onchange='' >");
} catch (e) {
var_select = document.createElement("select");
}

var select_id = document.createAttribute("id");
select_id.nodeValue = id;
var select_name = document.createAttribute("name");
select_name.nodeValue = name;

if (event != null && event != undefined && event != "") {
var select_change = document.createAttribute("onchange");
select_change.nodeValue = event;
var_select.setAttributeNode(select_change);
}
var_select.setAttributeNode(select_id);
var_select.setAttributeNode(select_name);
try {
var_select.setAttribute("width", "100px");
} catch (e) {
var select_css = document.createAttribute("class");
select_css.nodeValue = "select_css";
var_select.setAttributeNode(select_css);
}

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

if (options != null && options != undefined && options.toString() != "") {
options = (options.toString().lastIndexOf(splitstr) + 1 == options.toString().length) ? options.toString().substr(0, options.toString().length - 1) : options;
var arrayOption = options.toString().split(splitstr);
for (var i = 0; i < arrayOption.length; i++) {
var temp_value = arrayOption[i].split(splitchar);
var option = document.createElement("option");
var option_value = document.createAttribute("value");
option_value.nodeValue = temp_value[0];
var option_text = document.createTextNode(temp_value[1]);
option.setAttributeNode(option_value);
option.appendChild(option_text);

var_select.appendChild(option);
if (selectedValue != null && selectedValue != "") {
if (temp_value[0] == selectedValue || temp_value[1] == selectedValue) {
var_select.options[i].selected = true;
}
}
}
}
return var_select;
}

//***************************************************//
//定義方法創建一個<a>標簽;
//***** id表示標簽唯一表示id
//***** name表示標簽的名稱name
//***** value表示標簽對應顯示的文字(名稱)
//***** event表示標簽對應的事件(當event==null時事件不綁定)
//***** href表示標簽的鏈接屬性
//***************************************************//
復制代碼 代碼如下:

var createA = function(id, name, value, event, href, target) {
var var_a = null;
try {
var_a = document.createElement("<a onclick='' target='_blank'>"); //這里創建必須為"<a onclick='alert()'>"這種形式來創建否者不支持IE6.0和IE7.0
} catch (e) {
var_a = document.createElement("a");
}
var a_id = document.createAttribute("id");
a_id.nodeValue = id;
var a_name = document.createAttribute("name");
a_name.nodeValue = name;
href = (href == null || href == "") ? ("javascript:void(0);" || "#") : href;
var a_href = document.createAttribute("href");
a_href.nodeValue = href;

var a_Text = document.createTextNode(value);

var_a.setAttributeNode(a_href);
var_a.setAttributeNode(a_id);
var_a.setAttributeNode(a_name);
if (target != null) {
var target_href = document.createAttribute("target");
target_href.nodeValue = "_blank";
var_a.setAttributeNode(target_href);
}

if (event != "" && event != null && event != undefined) {
var a_click = document.createAttribute("onclick");
a_click.nodeValue = event;
var_a.setAttributeNode(a_click);
}
var_a.appendChild(a_Text); //注意這個值綁定順序,只能放在最后去綁定(不然不支持IE6.0和IE7.0)

return var_a;
}

//******************************************//
//定義方法判斷輸入值是否為數字;
//******* 當flag=true時判斷輸入值是否為整數;
//******************************************//
復制代碼 代碼如下:

var check_Is_Num = function(obj, flag) {
var flag_var = false;
var num = /^/d+$/; ///^/+?[1-9][0-9]*$/;
//flag_var = /^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$/.test(obj);
flag_var = /^/d+(/./d+)?$/.test(obj);
if (flag) {
flag_var = num.test(obj);
}
return flag_var;
}

//定義方法刪除節點。
var removeRowItem = function(obj) {
var rowTr = obj.parentNode.parentNode;
try {
rowTr.removeNode(true);
} catch (e) {
rowTr.parentNode.removeChild(rowTr);
}
}

String.prototype.Trim = function() {
return this.replace(/(^/s*)|(/s*$)/g, "");
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91精品国产自产在线老师啪| 日韩av三级在线观看| 国产精品电影网| 欧美大片免费观看| 国产成人精品国内自产拍免费看| 91久久久久久久一区二区| 欧美洲成人男女午夜视频| 国产日本欧美一区二区三区| 亚洲片av在线| 精品五月天久久| 国产亚洲欧美aaaa| 伊人久久久久久久久久久| 亚洲国产欧美自拍| 日本久久亚洲电影| 亚洲女人天堂av| 精品亚洲夜色av98在线观看| 精品动漫一区二区| 亚洲精品福利资源站| 成人av番号网| 日本乱人伦a精品| 中文字幕亚洲字幕| 欧美黄色成人网| 国产va免费精品高清在线观看| 91美女片黄在线观看游戏| 热re99久久精品国产66热| 国产精品免费福利| 国产精品91久久久久久| 91国内产香蕉| 欧美激情第6页| 亚洲国产精品久久精品怡红院| 国产精品白丝jk喷水视频一区| 日韩在线观看免费全集电视剧网站| 亚洲丁香婷深爱综合| 日韩精品高清在线| 法国裸体一区二区| 亚洲欧美日韩中文视频| 国a精品视频大全| 亚洲国产欧美精品| www日韩中文字幕在线看| 欧美国产亚洲视频| www.色综合| 欧美人在线视频| 久久免费精品日本久久中文字幕| 国产精品久久久久久久久影视| 精品国产欧美一区二区五十路| 国产精品欧美在线| 国产精品精品国产| 精品视频—区二区三区免费| 久久不射热爱视频精品| 国产欧美一区二区| 尤物精品国产第一福利三区| 日韩av网站导航| 欧美大片免费观看| 国产精品69久久久久| 青青青国产精品一区二区| 久久好看免费视频| 夜夜嗨av色一区二区不卡| 亚洲自拍偷拍一区| 亚洲男人第一av网站| 国产欧美婷婷中文| 欧美日韩一区二区三区在线免费观看| 欧美成年人视频| 国产精品露脸av在线| 欧美成人午夜激情视频| 欧美在线观看一区二区三区| 欧美色道久久88综合亚洲精品| 日本欧美精品在线| 中文字幕久精品免费视频| 国产亚洲人成a一在线v站| 久久久噜噜噜久久中文字免| 欧美日本在线视频中文字字幕| 亚洲天堂av图片| 亚洲电影免费在线观看| 国产一区二区黑人欧美xxxx| 久久中文字幕一区| 亚洲剧情一区二区| 国产精品一区二区三区毛片淫片| 九九热在线精品视频| 欧美性少妇18aaaa视频| 在线日韩日本国产亚洲| 992tv成人免费视频| 亚洲欧美日韩直播| 亚洲成人黄色在线观看| 久久久亚洲影院你懂的| 不卡av在线网站| 91久热免费在线视频| 中文字幕日韩高清| 国产精品自产拍在线观看中文| 日韩av免费网站| 亚洲精品456在线播放狼人| 在线色欧美三级视频| 97欧美精品一区二区三区| 色婷婷av一区二区三区在线观看| 4438全国亚洲精品在线观看视频| 欧美黄色成人网| 九九久久久久久久久激情| 92国产精品久久久久首页| 精品欧美国产一区二区三区| 2018日韩中文字幕| 91色中文字幕| 亚洲精品午夜精品| 中文字幕国产日韩| 国产日韩欧美日韩大片| 国产精品视频999| 爽爽爽爽爽爽爽成人免费观看| 日韩免费视频在线观看| 日本一欧美一欧美一亚洲视频| 亚洲精品av在线| 日韩电影在线观看中文字幕| 欧美激情免费视频| 欧美性感美女h网站在线观看免费| 久久国产精品影片| 亚洲偷熟乱区亚洲香蕉av| 久热精品视频在线观看| 日韩精品视频三区| 欧美日韩一区二区三区| 日本欧美精品在线| 亚洲资源在线看| 欧美国产精品人人做人人爱| 欧美性猛xxx| 欧美成人合集magnet| 7m第一福利500精品视频| 亚洲xxx视频| 国产精品一区二区久久精品| 亚洲最新av在线网站| 国产精品一区电影| 国产乱人伦真实精品视频| 色综合导航网站| 欧美激情亚洲自拍| 亚洲国产高清福利视频| 最近中文字幕日韩精品| 亚洲福利视频在线| 亚洲天堂日韩电影| 欧美性xxxxx| 久久99青青精品免费观看| 国产在线视频欧美| 亚洲国产欧美一区二区三区同亚洲| 国产成人一区二区在线| 国产日韩一区在线| 在线看日韩欧美| 亚洲伊人久久综合| 成人国产精品日本在线| 日韩电影第一页| 欧美日韩中文字幕在线| 久久久久久免费精品| 国产狼人综合免费视频| 国产ts一区二区| 日韩成人激情影院| 亚洲va国产va天堂va久久| 97视频网站入口| 91av在线看| 亚洲成人精品视频在线观看| www.亚洲一区| 国产亚洲人成a一在线v站| 中文国产亚洲喷潮| 国内精品久久久久| 91精品美女在线| 激情久久av一区av二区av三区| 午夜精品蜜臀一区二区三区免费| 亚洲成人动漫在线播放| 日韩电影免费观看中文字幕| 欧美午夜美女看片| 欧美日韩高清在线观看| 欧美极品美女视频网站在线观看免费|