亚洲香蕉成人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
欧美性猛交xxxx乱大交| 亚洲免费人成在线视频观看| 91豆花精品一区| 国产精品高清网站| 国内外成人免费激情在线视频网站| 另类专区欧美制服同性| 97国产精品视频人人做人人爱| 亚洲美女www午夜| 中文欧美在线视频| 韩国精品美女www爽爽爽视频| 欧美一级片在线播放| 国产成人在线一区二区| 久久久久久久久久婷婷| 成人乱人伦精品视频在线观看| 成人妇女淫片aaaa视频| 亚洲色在线视频| www.久久撸.com| 红桃视频成人在线观看| 搡老女人一区二区三区视频tv| 亚洲成人精品久久久| 欧美中文字幕在线视频| 欧美日韩免费看| 国产视频999| 精品久久中文字幕久久av| 欧美激情视频一区| 性欧美暴力猛交69hd| 精品国偷自产在线视频99| 中文字幕日韩精品有码视频| 成人福利免费观看| 国产精品视频公开费视频| 国产综合在线视频| 91精品啪aⅴ在线观看国产| 亚洲级视频在线观看免费1级| 亚洲风情亚aⅴ在线发布| 欧美激情精品久久久久久变态| 国产精品视频免费在线| 亚洲高清免费观看高清完整版| 欧美激情视频在线免费观看 欧美视频免费一| 日韩一区二区精品视频| 欧美最猛性xxxx| 国产成人精品久久二区二区| 欧美大肥婆大肥bbbbb| 日本道色综合久久影院| 国产精品自拍偷拍视频| 一本大道香蕉久在线播放29| 日韩国产激情在线| 91精品久久久久久久| 国产精品专区第二| 91精品久久久久久久久久另类| 欧美一区三区三区高中清蜜桃| 国产精品小说在线| 欧美区二区三区| 国产精品一区二区av影院萌芽| 久久视频在线看| 欧美丰满少妇xxxxx做受| 色与欲影视天天看综合网| 亚洲人成啪啪网站| 九九热精品视频国产| 亚洲第一综合天堂另类专| 欧美巨乳在线观看| 日韩在线观看av| 97精品伊人久久久大香线蕉| 欧美视频裸体精品| 欧美黄网免费在线观看| 国产精品久久久久久久久久三级| 成人免费观看49www在线观看| 久久91精品国产91久久久| 97人人模人人爽人人喊中文字| 国产aaa精品| 狠狠躁夜夜躁人人爽超碰91| 亚洲性生活视频在线观看| 亚洲成av人乱码色午夜| 亚洲乱亚洲乱妇无码| 国产a∨精品一区二区三区不卡| 日韩欧中文字幕| 激情懂色av一区av二区av| www国产亚洲精品久久网站| 欧美夫妻性生活xx| 日韩在线观看免费全集电视剧网站| 欧美有码在线观看视频| 久久天堂电影网| 色噜噜久久综合伊人一本| 久久香蕉频线观| 久久久综合免费视频| 国产精品亚洲自拍| 亚洲成人在线视频播放| 日韩一区二区在线视频| 精品亚洲国产成av人片传媒| 色偷偷噜噜噜亚洲男人| xxxxx成人.com| 午夜精品久久久久久久久久久久久| 欧美日韩中文字幕在线视频| 色婷婷成人综合| 国内精品小视频在线观看| 一区二区三区亚洲| xxxxx成人.com| 日韩av大片免费看| 欧美在线免费观看| 国产精品福利观看| 81精品国产乱码久久久久久| 国产精品国模在线| 精品亚洲va在线va天堂资源站| 久久久精品一区| 国产视频综合在线| 欧美日韩国产成人| 久99九色视频在线观看| 欧美精品激情blacked18| 久久精品成人欧美大片古装| 欧亚精品中文字幕| 国产女精品视频网站免费| 日韩av中文字幕在线免费观看| 亚洲人成免费电影| 成人激情春色网| 色哟哟入口国产精品| 国内精品小视频在线观看| 在线观看日韩av| 亚洲欧美在线播放| 日韩电影网在线| 狠狠色香婷婷久久亚洲精品| 日韩欧美在线免费观看| 成人激情视频在线观看| 久久久成人av| 91日本在线视频| 91久久久久久久| 亚洲成年人影院在线| 精品美女永久免费视频| 欧美一级在线亚洲天堂| 日韩日本欧美亚洲| 日本伊人精品一区二区三区介绍| 激情成人在线视频| 久久久久久国产精品久久| 久久久久久69| 日韩禁在线播放| 亚洲免费视频网站| 亚洲国产天堂久久国产91| 欧美日韩免费在线观看| 亚洲欧美中文日韩v在线观看| 日韩av电影在线免费播放| 久久综合色影院| 色伦专区97中文字幕| 尤物tv国产一区| 国产精品444| 国产免费一区二区三区香蕉精| 69久久夜色精品国产69| 黑人极品videos精品欧美裸| 色琪琪综合男人的天堂aⅴ视频| 伊人伊成久久人综合网站| 日本韩国欧美精品大片卡二| 久久久久久久国产精品| 最新的欧美黄色| 久久久久久久久国产| 亚洲欧美综合另类中字| 夜夜嗨av一区二区三区免费区| 另类天堂视频在线观看| 国产精品免费看久久久香蕉| 国产精品精品一区二区三区午夜版| 国产丝袜一区二区三区免费视频| 91香蕉国产在线观看| 日韩av网站电影| 日韩欧美福利视频| …久久精品99久久香蕉国产| 欧美成人午夜激情视频| www.亚洲男人天堂| 成人乱人伦精品视频在线观看|